/**
@gray: #868e96;
@brown: #a57868;
@red: #f03e3e;
@orange: #f76707;
@yellow: #f59f00;
@green: #37b24d;
@teal: #0ca678;
@blue: #1c7ed6;
@indigo: #4263eb;
@purple: #ae3ec9;
@pink: #d6336c;
@cyan: #1098ad;

@lgray: #f8f9fa;
@lbrown: #e8dcd8;
@lred: #fff5f5;
@lorange: #fff4e6;
@lyellow: #fff9db;
@lgreen: #ebfbee;
@lteal: #e6fcf5;
@lblue: #e7f5ff;
@lindigo: #edf2ff;
@lpurple: #f8f0fc;
@lpink: #fff0f6;
@lcyan: #e3fafc;

@primary: @blue;
@success: @green;
@info: @cyan;
@warning: @yellow;
@danger: @red;

// 默认颜色的配置
@lprimary: @lblue;
@lsuccess: @lgreen;
@linfo: @lcyan;
@lwarning: @lyellow;
@ldanger: @lred;

@color-list: gray, brown, red, orange, yellow, green, teal, blue, indigo, purple, pink, cyan, primary, success,info,warning,danger;

.make-colors(@colors) {
  .generate-colors(length(@colors));

  .generate-colors(@name, @i: 1) when (@i =< length(@colors)) {
    @name: extract(@colors, @i);
    // 变量名称 ex: @blue, 具体当颜色使用时需要 @@color
    @color:  '@{name}';
    @lcolor: 'l@{name}';
    :root {
      --nom-color-@{name}: @@color;
      --nom-color-l@{name}: @@lcolor; // light 浅色模式
      --nom-color-@{name}-lighten: lighten(@@color, 40%); // less计算亮度后 
      --nom-color-@{name}-saturate-light: saturate(lighten(@@color, 10%), -2.5%); // 添加亮度,减少饱和度 
      --nom-color-l@{name}-saturate-light: saturate(lighten(@@lcolor, 2.5%), -2.5%); // 在lcolor基础上 添加亮度,减少饱和度

      --nom-color-@{name}-darken: darken(@@color, 5%); // less计算亮度后 
      --nom-color-@{name}-saturate-dark: saturate(darken(@@color, 10%), 2.5%); // 减少亮度,添加饱和度 
      --nom-color-l@{name}-saturate-dark: saturate(darken(@@lcolor, 5%), 2.5%); // 在lcolor基础上 减少亮度,添加饱和度
    }

    .generate-colors(@name, @i + 1);
  }
}

// 计算得出下面的 css变量
.make-colors(@color-list);
*/
:root {
  --nom-color-gray: #868e96;
  --nom-color-lgray: #f8f9fa;
  --nom-color-gray-lighten: #f3f4f5;
  --nom-color-gray-saturate-light: #a3a8ac;
  --nom-color-lgray-saturate-light: #fff;
  --nom-color-gray-darken: #78818a;
  --nom-color-gray-saturate-dark: #697580;
  --nom-color-lgray-saturate-dark: #e9ecf0;
  --nom-color-brown: #a57868;
  --nom-color-lbrown: #e8dcd8;
  --nom-color-brown-lighten: #f1eae8;
  --nom-color-brown-saturate-light: #b6968a;
  --nom-color-lbrown-saturate-light: #ece4e1;
  --nom-color-brown-darken: #996b5b;
  --nom-color-brown-saturate-dark: #8b5f4f;
  --nom-color-lbrown-saturate-dark: #e0cdc7;
  --nom-color-red: #f03e3e;
  --nom-color-lred: #fff5f5;
  --nom-color-red-lighten: #fffbfb;
  --nom-color-red-saturate-light: #f26f6f;
  --nom-color-lred-saturate-light: #fff;
  --nom-color-red-darken: #ee2626;
  --nom-color-red-saturate-dark: #ec0f0f;
  --nom-color-lred-saturate-dark: #ffdcdc;
  --nom-color-orange: #f76707;
  --nom-color-lorange: #fff4e6;
  --nom-color-orange-lighten: #fee0cc;
  --nom-color-orange-saturate-light: #f7863a;
  --nom-color-lorange-saturate-light: #fffaf3;
  --nom-color-orange-darken: #de5d06;
  --nom-color-orange-saturate-dark: #c85203;
  --nom-color-lorange-saturate-dark: #ffe9cc;
  --nom-color-yellow: #f59f00;
  --nom-color-lyellow: #fff9db;
  --nom-color-yellow-lighten: #ffeac2;
  --nom-color-yellow-saturate-light: #fcb32c;
  --nom-color-lyellow-saturate-light: #fffbe8;
  --nom-color-yellow-darken: #dc8e00;
  --nom-color-yellow-saturate-dark: #c27e00;
  --nom-color-lyellow-saturate-dark: #fff5c2;
  --nom-color-green: #37b24d;
  --nom-color-lgreen: #ebfbee;
  --nom-color-green-lighten: #c7eece;
  --nom-color-green-saturate-light: #55c76a;
  --nom-color-lgreen-saturate-light: #f6fdf7;
  --nom-color-green-darken: #319f45;
  --nom-color-green-saturate-dark: #298d3b;
  --nom-color-lgreen-saturate-dark: #d5f7dc;
  --nom-color-teal: #0ca678;
  --nom-color-lteal: #e6fcf5;
  --nom-color-teal-lighten: #88f6d5;
  --nom-color-teal-saturate-light: #12d399;
  --nom-color-lteal-saturate-light: #f2fdf9;
  --nom-color-teal-darken: #0a8e67;
  --nom-color-teal-saturate-dark: #077856;
  --nom-color-lteal-saturate-dark: #cffaec;
  --nom-color-blue: #1c7ed6;
  --nom-color-lblue: #e7f5ff;
  --nom-color-blue-lighten: #c6e0f8;
  --nom-color-blue-saturate-light: #4297e3;
  --nom-color-lblue-saturate-light: #f4faff;
  --nom-color-blue-darken: #1971bf;
  --nom-color-blue-saturate-dark: #1464ab;
  --nom-color-lblue-saturate-dark: #cdeaff;
  --nom-color-indigo: #4263eb;
  --nom-color-lindigo: #edf2ff;
  --nom-color-indigo-lighten: #fafbff;
  --nom-color-indigo-saturate-light: #728aee;
  --nom-color-lindigo-saturate-light: #fafbff;
  --nom-color-indigo-darken: #2b50e9;
  --nom-color-indigo-saturate-dark: #153de5;
  --nom-color-lindigo-saturate-dark: #d4e0ff;
  --nom-color-purple: #ae3ec9;
  --nom-color-lpurple: #f8f0fc;
  --nom-color-purple-lighten: #f1ddf6;
  --nom-color-purple-saturate-light: #bd68d2;
  --nom-color-lpurple-saturate-light: #fdfbfe;
  --nom-color-purple-darken: #a034ba;
  --nom-color-purple-saturate-dark: #902ca8;
  --nom-color-lpurple-saturate-dark: #eedaf8;
  --nom-color-pink: #d6336c;
  --nom-color-lpink: #fff0f6;
  --nom-color-pink-lighten: #f8dde6;
  --nom-color-pink-saturate-light: #dc608b;
  --nom-color-lpink-saturate-light: #fffdfe;
  --nom-color-pink-darken: #c72860;
  --nom-color-pink-saturate-dark: #b52155;
  --nom-color-lpink-saturate-dark: #ffd7e7;
  --nom-color-cyan: #1098ad;
  --nom-color-lcyan: #e3fafc;
  --nom-color-cyan-lighten: #94e8f5;
  --nom-color-cyan-saturate-light: #17bfd9;
  --nom-color-lcyan-saturate-light: #effcfd;
  --nom-color-cyan-darken: #0e8396;
  --nom-color-cyan-saturate-dark: #0a7080;
  --nom-color-lcyan-saturate-dark: #cbf6fa;
  --nom-color-primary: #1c7ed6;
  --nom-color-lprimary: #e7f5ff;
  --nom-color-primary-lighten: #c6e0f8;
  --nom-color-primary-saturate-light: #4297e3;
  --nom-color-lprimary-saturate-light: #f4faff;
  --nom-color-primary-darken: #1971bf;
  --nom-color-primary-saturate-dark: #1464ab;
  --nom-color-lprimary-saturate-dark: #cdeaff;
  --nom-color-success: #37b24d;
  --nom-color-lsuccess: #ebfbee;
  --nom-color-success-lighten: #c7eece;
  --nom-color-success-saturate-light: #55c76a;
  --nom-color-lsuccess-saturate-light: #f6fdf7;
  --nom-color-success-darken: #319f45;
  --nom-color-success-saturate-dark: #298d3b;
  --nom-color-lsuccess-saturate-dark: #d5f7dc;
  --nom-color-info: #1098ad;
  --nom-color-linfo: #e3fafc;
  --nom-color-info-lighten: #94e8f5;
  --nom-color-info-saturate-light: #17bfd9;
  --nom-color-linfo-saturate-light: #effcfd;
  --nom-color-info-darken: #0e8396;
  --nom-color-info-saturate-dark: #0a7080;
  --nom-color-linfo-saturate-dark: #cbf6fa;
  --nom-color-warning: #f59f00;
  --nom-color-lwarning: #fff9db;
  --nom-color-warning-lighten: #ffeac2;
  --nom-color-warning-saturate-light: #fcb32c;
  --nom-color-lwarning-saturate-light: #fffbe8;
  --nom-color-warning-darken: #dc8e00;
  --nom-color-warning-saturate-dark: #c27e00;
  --nom-color-lwarning-saturate-dark: #fff5c2;
  --nom-color-danger: #f03e3e;
  --nom-color-ldanger: #fff5f5;
  --nom-color-danger-lighten: #fffbfb;
  --nom-color-danger-saturate-light: #f26f6f;
  --nom-color-ldanger-saturate-light: #fff;
  --nom-color-danger-darken: #ee2626;
  --nom-color-danger-saturate-dark: #ec0f0f;
  --nom-color-ldanger-saturate-dark: #ffdcdc;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-size: 1em;
  /* 2 */
  font-family: monospace;
  /* 1 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-size: 1em;
  /* 2 */
  font-family: monospace;
  /* 1 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-size: 100%;
  /* 1 */
  font-family: inherit;
  /* 1 */
  line-height: 1.15;
  /* 1 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  display: table;
  /* 1 */
  box-sizing: border-box;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* colors */
.u-color-gray,
.u-hover-color-gray:hover,
.u-selected-color-gray.s-selected {
  color: var(--nom-color-gray-lighten) !important;
  background-color: var(--nom-color-gray) !important;
  border-color: var(--nom-color-gray-darken) !important;
}
.u-color-gray a,
.u-hover-color-gray:hover a,
.u-selected-color-gray.s-selected a {
  color: inherit !important;
}
.u-color-gray-dark,
.u-hover-color-gray-dark:hover,
.u-selected-color-gray-dark.s-selected {
  color: var(--nom-color-gray-lighten) !important;
  background-color: var(--nom-color-gray-saturate-dark) !important;
  border-color: var(--nom-color-gray-darken) !important;
}
.u-color-gray-light,
.u-hover-color-gray-light:hover,
.u-selected-color-gray-light.s-selected {
  color: var(--nom-color-gray-lighten) !important;
  background-color: var(--nom-color-gray-saturate-light) !important;
  border-color: var(--nom-color-gray-darken) !important;
}
.u-color-gray-outline {
  color: var(--nom-color-gray) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-gray) !important;
}
.u-color-gray-outline.s-hover,
.u-color-gray-outline:hover {
  color: var(--nom-color-gray) !important;
  background-color: var(--nom-color-gray-lighten) !important;
}
.u-color-lgray,
.u-hover-color-lgray:hover,
.u-selected-color-lgray.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lgray) !important;
}
.u-color-lgray-dark,
.u-hover-color-lgray-dark:hover,
.u-selected-color-lgray-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lgray-saturate-dark) !important;
}
.u-color-lgray-light,
.u-hover-color-lgray-light:hover,
.u-selected-color-lgray-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lgray-saturate-light) !important;
}
.u-outline-gray {
  color: var(--nom-color-gray-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-gray-lighten) !important;
}
.u-text-gray,
.u-hover-text-gray:hover,
.u-selected-text-gray.s-selected {
  color: var(--nom-color-gray) !important;
}
.u-border-gray {
  border-color: var(--nom-color-gray) !important;
}
.u-border-lgray {
  border-color: var(--nom-color-lgray) !important;
}
.u-color-brown,
.u-hover-color-brown:hover,
.u-selected-color-brown.s-selected {
  color: var(--nom-color-brown-lighten) !important;
  background-color: var(--nom-color-brown) !important;
  border-color: var(--nom-color-brown-darken) !important;
}
.u-color-brown a,
.u-hover-color-brown:hover a,
.u-selected-color-brown.s-selected a {
  color: inherit !important;
}
.u-color-brown-dark,
.u-hover-color-brown-dark:hover,
.u-selected-color-brown-dark.s-selected {
  color: var(--nom-color-brown-lighten) !important;
  background-color: var(--nom-color-brown-saturate-dark) !important;
  border-color: var(--nom-color-brown-darken) !important;
}
.u-color-brown-light,
.u-hover-color-brown-light:hover,
.u-selected-color-brown-light.s-selected {
  color: var(--nom-color-brown-lighten) !important;
  background-color: var(--nom-color-brown-saturate-light) !important;
  border-color: var(--nom-color-brown-darken) !important;
}
.u-color-brown-outline {
  color: var(--nom-color-brown) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-brown) !important;
}
.u-color-brown-outline.s-hover,
.u-color-brown-outline:hover {
  color: var(--nom-color-brown) !important;
  background-color: var(--nom-color-brown-lighten) !important;
}
.u-color-lbrown,
.u-hover-color-lbrown:hover,
.u-selected-color-lbrown.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lbrown) !important;
}
.u-color-lbrown-dark,
.u-hover-color-lbrown-dark:hover,
.u-selected-color-lbrown-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lbrown-saturate-dark) !important;
}
.u-color-lbrown-light,
.u-hover-color-lbrown-light:hover,
.u-selected-color-lbrown-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lbrown-saturate-light) !important;
}
.u-outline-brown {
  color: var(--nom-color-brown-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-brown-lighten) !important;
}
.u-text-brown,
.u-hover-text-brown:hover,
.u-selected-text-brown.s-selected {
  color: var(--nom-color-brown) !important;
}
.u-border-brown {
  border-color: var(--nom-color-brown) !important;
}
.u-border-lbrown {
  border-color: var(--nom-color-lbrown) !important;
}
.u-color-red,
.u-hover-color-red:hover,
.u-selected-color-red.s-selected {
  color: var(--nom-color-red-lighten) !important;
  background-color: var(--nom-color-red) !important;
  border-color: var(--nom-color-red-darken) !important;
}
.u-color-red a,
.u-hover-color-red:hover a,
.u-selected-color-red.s-selected a {
  color: inherit !important;
}
.u-color-red-dark,
.u-hover-color-red-dark:hover,
.u-selected-color-red-dark.s-selected {
  color: var(--nom-color-red-lighten) !important;
  background-color: var(--nom-color-red-saturate-dark) !important;
  border-color: var(--nom-color-red-darken) !important;
}
.u-color-red-light,
.u-hover-color-red-light:hover,
.u-selected-color-red-light.s-selected {
  color: var(--nom-color-red-lighten) !important;
  background-color: var(--nom-color-red-saturate-light) !important;
  border-color: var(--nom-color-red-darken) !important;
}
.u-color-red-outline {
  color: var(--nom-color-red) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-red) !important;
}
.u-color-red-outline.s-hover,
.u-color-red-outline:hover {
  color: var(--nom-color-red) !important;
  background-color: var(--nom-color-red-lighten) !important;
}
.u-color-lred,
.u-hover-color-lred:hover,
.u-selected-color-lred.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lred) !important;
}
.u-color-lred-dark,
.u-hover-color-lred-dark:hover,
.u-selected-color-lred-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lred-saturate-dark) !important;
}
.u-color-lred-light,
.u-hover-color-lred-light:hover,
.u-selected-color-lred-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lred-saturate-light) !important;
}
.u-outline-red {
  color: var(--nom-color-red-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-red-lighten) !important;
}
.u-text-red,
.u-hover-text-red:hover,
.u-selected-text-red.s-selected {
  color: var(--nom-color-red) !important;
}
.u-border-red {
  border-color: var(--nom-color-red) !important;
}
.u-border-lred {
  border-color: var(--nom-color-lred) !important;
}
.u-color-orange,
.u-hover-color-orange:hover,
.u-selected-color-orange.s-selected {
  color: var(--nom-color-orange-lighten) !important;
  background-color: var(--nom-color-orange) !important;
  border-color: var(--nom-color-orange-darken) !important;
}
.u-color-orange a,
.u-hover-color-orange:hover a,
.u-selected-color-orange.s-selected a {
  color: inherit !important;
}
.u-color-orange-dark,
.u-hover-color-orange-dark:hover,
.u-selected-color-orange-dark.s-selected {
  color: var(--nom-color-orange-lighten) !important;
  background-color: var(--nom-color-orange-saturate-dark) !important;
  border-color: var(--nom-color-orange-darken) !important;
}
.u-color-orange-light,
.u-hover-color-orange-light:hover,
.u-selected-color-orange-light.s-selected {
  color: var(--nom-color-orange-lighten) !important;
  background-color: var(--nom-color-orange-saturate-light) !important;
  border-color: var(--nom-color-orange-darken) !important;
}
.u-color-orange-outline {
  color: var(--nom-color-orange) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-orange) !important;
}
.u-color-orange-outline.s-hover,
.u-color-orange-outline:hover {
  color: var(--nom-color-orange) !important;
  background-color: var(--nom-color-orange-lighten) !important;
}
.u-color-lorange,
.u-hover-color-lorange:hover,
.u-selected-color-lorange.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lorange) !important;
}
.u-color-lorange-dark,
.u-hover-color-lorange-dark:hover,
.u-selected-color-lorange-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lorange-saturate-dark) !important;
}
.u-color-lorange-light,
.u-hover-color-lorange-light:hover,
.u-selected-color-lorange-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lorange-saturate-light) !important;
}
.u-outline-orange {
  color: var(--nom-color-orange-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-orange-lighten) !important;
}
.u-text-orange,
.u-hover-text-orange:hover,
.u-selected-text-orange.s-selected {
  color: var(--nom-color-orange) !important;
}
.u-border-orange {
  border-color: var(--nom-color-orange) !important;
}
.u-border-lorange {
  border-color: var(--nom-color-lorange) !important;
}
.u-color-yellow,
.u-hover-color-yellow:hover,
.u-selected-color-yellow.s-selected {
  color: var(--nom-color-yellow-lighten) !important;
  background-color: var(--nom-color-yellow) !important;
  border-color: var(--nom-color-yellow-darken) !important;
}
.u-color-yellow a,
.u-hover-color-yellow:hover a,
.u-selected-color-yellow.s-selected a {
  color: inherit !important;
}
.u-color-yellow-dark,
.u-hover-color-yellow-dark:hover,
.u-selected-color-yellow-dark.s-selected {
  color: var(--nom-color-yellow-lighten) !important;
  background-color: var(--nom-color-yellow-saturate-dark) !important;
  border-color: var(--nom-color-yellow-darken) !important;
}
.u-color-yellow-light,
.u-hover-color-yellow-light:hover,
.u-selected-color-yellow-light.s-selected {
  color: var(--nom-color-yellow-lighten) !important;
  background-color: var(--nom-color-yellow-saturate-light) !important;
  border-color: var(--nom-color-yellow-darken) !important;
}
.u-color-yellow-outline {
  color: var(--nom-color-yellow) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-yellow) !important;
}
.u-color-yellow-outline.s-hover,
.u-color-yellow-outline:hover {
  color: var(--nom-color-yellow) !important;
  background-color: var(--nom-color-yellow-lighten) !important;
}
.u-color-lyellow,
.u-hover-color-lyellow:hover,
.u-selected-color-lyellow.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lyellow) !important;
}
.u-color-lyellow-dark,
.u-hover-color-lyellow-dark:hover,
.u-selected-color-lyellow-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lyellow-saturate-dark) !important;
}
.u-color-lyellow-light,
.u-hover-color-lyellow-light:hover,
.u-selected-color-lyellow-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lyellow-saturate-light) !important;
}
.u-outline-yellow {
  color: var(--nom-color-yellow-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-yellow-lighten) !important;
}
.u-text-yellow,
.u-hover-text-yellow:hover,
.u-selected-text-yellow.s-selected {
  color: var(--nom-color-yellow) !important;
}
.u-border-yellow {
  border-color: var(--nom-color-yellow) !important;
}
.u-border-lyellow {
  border-color: var(--nom-color-lyellow) !important;
}
.u-color-green,
.u-hover-color-green:hover,
.u-selected-color-green.s-selected {
  color: var(--nom-color-green-lighten) !important;
  background-color: var(--nom-color-green) !important;
  border-color: var(--nom-color-green-darken) !important;
}
.u-color-green a,
.u-hover-color-green:hover a,
.u-selected-color-green.s-selected a {
  color: inherit !important;
}
.u-color-green-dark,
.u-hover-color-green-dark:hover,
.u-selected-color-green-dark.s-selected {
  color: var(--nom-color-green-lighten) !important;
  background-color: var(--nom-color-green-saturate-dark) !important;
  border-color: var(--nom-color-green-darken) !important;
}
.u-color-green-light,
.u-hover-color-green-light:hover,
.u-selected-color-green-light.s-selected {
  color: var(--nom-color-green-lighten) !important;
  background-color: var(--nom-color-green-saturate-light) !important;
  border-color: var(--nom-color-green-darken) !important;
}
.u-color-green-outline {
  color: var(--nom-color-green) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-green) !important;
}
.u-color-green-outline.s-hover,
.u-color-green-outline:hover {
  color: var(--nom-color-green) !important;
  background-color: var(--nom-color-green-lighten) !important;
}
.u-color-lgreen,
.u-hover-color-lgreen:hover,
.u-selected-color-lgreen.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lgreen) !important;
}
.u-color-lgreen-dark,
.u-hover-color-lgreen-dark:hover,
.u-selected-color-lgreen-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lgreen-saturate-dark) !important;
}
.u-color-lgreen-light,
.u-hover-color-lgreen-light:hover,
.u-selected-color-lgreen-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lgreen-saturate-light) !important;
}
.u-outline-green {
  color: var(--nom-color-green-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-green-lighten) !important;
}
.u-text-green,
.u-hover-text-green:hover,
.u-selected-text-green.s-selected {
  color: var(--nom-color-green) !important;
}
.u-border-green {
  border-color: var(--nom-color-green) !important;
}
.u-border-lgreen {
  border-color: var(--nom-color-lgreen) !important;
}
.u-color-teal,
.u-hover-color-teal:hover,
.u-selected-color-teal.s-selected {
  color: var(--nom-color-teal-lighten) !important;
  background-color: var(--nom-color-teal) !important;
  border-color: var(--nom-color-teal-darken) !important;
}
.u-color-teal a,
.u-hover-color-teal:hover a,
.u-selected-color-teal.s-selected a {
  color: inherit !important;
}
.u-color-teal-dark,
.u-hover-color-teal-dark:hover,
.u-selected-color-teal-dark.s-selected {
  color: var(--nom-color-teal-lighten) !important;
  background-color: var(--nom-color-teal-saturate-dark) !important;
  border-color: var(--nom-color-teal-darken) !important;
}
.u-color-teal-light,
.u-hover-color-teal-light:hover,
.u-selected-color-teal-light.s-selected {
  color: var(--nom-color-teal-lighten) !important;
  background-color: var(--nom-color-teal-saturate-light) !important;
  border-color: var(--nom-color-teal-darken) !important;
}
.u-color-teal-outline {
  color: var(--nom-color-teal) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-teal) !important;
}
.u-color-teal-outline.s-hover,
.u-color-teal-outline:hover {
  color: var(--nom-color-teal) !important;
  background-color: var(--nom-color-teal-lighten) !important;
}
.u-color-lteal,
.u-hover-color-lteal:hover,
.u-selected-color-lteal.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lteal) !important;
}
.u-color-lteal-dark,
.u-hover-color-lteal-dark:hover,
.u-selected-color-lteal-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lteal-saturate-dark) !important;
}
.u-color-lteal-light,
.u-hover-color-lteal-light:hover,
.u-selected-color-lteal-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lteal-saturate-light) !important;
}
.u-outline-teal {
  color: var(--nom-color-teal-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-teal-lighten) !important;
}
.u-text-teal,
.u-hover-text-teal:hover,
.u-selected-text-teal.s-selected {
  color: var(--nom-color-teal) !important;
}
.u-border-teal {
  border-color: var(--nom-color-teal) !important;
}
.u-border-lteal {
  border-color: var(--nom-color-lteal) !important;
}
.u-color-blue,
.u-hover-color-blue:hover,
.u-selected-color-blue.s-selected {
  color: var(--nom-color-blue-lighten) !important;
  background-color: var(--nom-color-blue) !important;
  border-color: var(--nom-color-blue-darken) !important;
}
.u-color-blue a,
.u-hover-color-blue:hover a,
.u-selected-color-blue.s-selected a {
  color: inherit !important;
}
.u-color-blue-dark,
.u-hover-color-blue-dark:hover,
.u-selected-color-blue-dark.s-selected {
  color: var(--nom-color-blue-lighten) !important;
  background-color: var(--nom-color-blue-saturate-dark) !important;
  border-color: var(--nom-color-blue-darken) !important;
}
.u-color-blue-light,
.u-hover-color-blue-light:hover,
.u-selected-color-blue-light.s-selected {
  color: var(--nom-color-blue-lighten) !important;
  background-color: var(--nom-color-blue-saturate-light) !important;
  border-color: var(--nom-color-blue-darken) !important;
}
.u-color-blue-outline {
  color: var(--nom-color-blue) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-blue) !important;
}
.u-color-blue-outline.s-hover,
.u-color-blue-outline:hover {
  color: var(--nom-color-blue) !important;
  background-color: var(--nom-color-blue-lighten) !important;
}
.u-color-lblue,
.u-hover-color-lblue:hover,
.u-selected-color-lblue.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lblue) !important;
}
.u-color-lblue-dark,
.u-hover-color-lblue-dark:hover,
.u-selected-color-lblue-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lblue-saturate-dark) !important;
}
.u-color-lblue-light,
.u-hover-color-lblue-light:hover,
.u-selected-color-lblue-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lblue-saturate-light) !important;
}
.u-outline-blue {
  color: var(--nom-color-blue-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-blue-lighten) !important;
}
.u-text-blue,
.u-hover-text-blue:hover,
.u-selected-text-blue.s-selected {
  color: var(--nom-color-blue) !important;
}
.u-border-blue {
  border-color: var(--nom-color-blue) !important;
}
.u-border-lblue {
  border-color: var(--nom-color-lblue) !important;
}
.u-color-indigo,
.u-hover-color-indigo:hover,
.u-selected-color-indigo.s-selected {
  color: var(--nom-color-indigo-lighten) !important;
  background-color: var(--nom-color-indigo) !important;
  border-color: var(--nom-color-indigo-darken) !important;
}
.u-color-indigo a,
.u-hover-color-indigo:hover a,
.u-selected-color-indigo.s-selected a {
  color: inherit !important;
}
.u-color-indigo-dark,
.u-hover-color-indigo-dark:hover,
.u-selected-color-indigo-dark.s-selected {
  color: var(--nom-color-indigo-lighten) !important;
  background-color: var(--nom-color-indigo-saturate-dark) !important;
  border-color: var(--nom-color-indigo-darken) !important;
}
.u-color-indigo-light,
.u-hover-color-indigo-light:hover,
.u-selected-color-indigo-light.s-selected {
  color: var(--nom-color-indigo-lighten) !important;
  background-color: var(--nom-color-indigo-saturate-light) !important;
  border-color: var(--nom-color-indigo-darken) !important;
}
.u-color-indigo-outline {
  color: var(--nom-color-indigo) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-indigo) !important;
}
.u-color-indigo-outline.s-hover,
.u-color-indigo-outline:hover {
  color: var(--nom-color-indigo) !important;
  background-color: var(--nom-color-indigo-lighten) !important;
}
.u-color-lindigo,
.u-hover-color-lindigo:hover,
.u-selected-color-lindigo.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lindigo) !important;
}
.u-color-lindigo-dark,
.u-hover-color-lindigo-dark:hover,
.u-selected-color-lindigo-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lindigo-saturate-dark) !important;
}
.u-color-lindigo-light,
.u-hover-color-lindigo-light:hover,
.u-selected-color-lindigo-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lindigo-saturate-light) !important;
}
.u-outline-indigo {
  color: var(--nom-color-indigo-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-indigo-lighten) !important;
}
.u-text-indigo,
.u-hover-text-indigo:hover,
.u-selected-text-indigo.s-selected {
  color: var(--nom-color-indigo) !important;
}
.u-border-indigo {
  border-color: var(--nom-color-indigo) !important;
}
.u-border-lindigo {
  border-color: var(--nom-color-lindigo) !important;
}
.u-color-purple,
.u-hover-color-purple:hover,
.u-selected-color-purple.s-selected {
  color: var(--nom-color-purple-lighten) !important;
  background-color: var(--nom-color-purple) !important;
  border-color: var(--nom-color-purple-darken) !important;
}
.u-color-purple a,
.u-hover-color-purple:hover a,
.u-selected-color-purple.s-selected a {
  color: inherit !important;
}
.u-color-purple-dark,
.u-hover-color-purple-dark:hover,
.u-selected-color-purple-dark.s-selected {
  color: var(--nom-color-purple-lighten) !important;
  background-color: var(--nom-color-purple-saturate-dark) !important;
  border-color: var(--nom-color-purple-darken) !important;
}
.u-color-purple-light,
.u-hover-color-purple-light:hover,
.u-selected-color-purple-light.s-selected {
  color: var(--nom-color-purple-lighten) !important;
  background-color: var(--nom-color-purple-saturate-light) !important;
  border-color: var(--nom-color-purple-darken) !important;
}
.u-color-purple-outline {
  color: var(--nom-color-purple) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-purple) !important;
}
.u-color-purple-outline.s-hover,
.u-color-purple-outline:hover {
  color: var(--nom-color-purple) !important;
  background-color: var(--nom-color-purple-lighten) !important;
}
.u-color-lpurple,
.u-hover-color-lpurple:hover,
.u-selected-color-lpurple.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lpurple) !important;
}
.u-color-lpurple-dark,
.u-hover-color-lpurple-dark:hover,
.u-selected-color-lpurple-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lpurple-saturate-dark) !important;
}
.u-color-lpurple-light,
.u-hover-color-lpurple-light:hover,
.u-selected-color-lpurple-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lpurple-saturate-light) !important;
}
.u-outline-purple {
  color: var(--nom-color-purple-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-purple-lighten) !important;
}
.u-text-purple,
.u-hover-text-purple:hover,
.u-selected-text-purple.s-selected {
  color: var(--nom-color-purple) !important;
}
.u-border-purple {
  border-color: var(--nom-color-purple) !important;
}
.u-border-lpurple {
  border-color: var(--nom-color-lpurple) !important;
}
.u-color-pink,
.u-hover-color-pink:hover,
.u-selected-color-pink.s-selected {
  color: var(--nom-color-pink-lighten) !important;
  background-color: var(--nom-color-pink) !important;
  border-color: var(--nom-color-pink-darken) !important;
}
.u-color-pink a,
.u-hover-color-pink:hover a,
.u-selected-color-pink.s-selected a {
  color: inherit !important;
}
.u-color-pink-dark,
.u-hover-color-pink-dark:hover,
.u-selected-color-pink-dark.s-selected {
  color: var(--nom-color-pink-lighten) !important;
  background-color: var(--nom-color-pink-saturate-dark) !important;
  border-color: var(--nom-color-pink-darken) !important;
}
.u-color-pink-light,
.u-hover-color-pink-light:hover,
.u-selected-color-pink-light.s-selected {
  color: var(--nom-color-pink-lighten) !important;
  background-color: var(--nom-color-pink-saturate-light) !important;
  border-color: var(--nom-color-pink-darken) !important;
}
.u-color-pink-outline {
  color: var(--nom-color-pink) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-pink) !important;
}
.u-color-pink-outline.s-hover,
.u-color-pink-outline:hover {
  color: var(--nom-color-pink) !important;
  background-color: var(--nom-color-pink-lighten) !important;
}
.u-color-lpink,
.u-hover-color-lpink:hover,
.u-selected-color-lpink.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lpink) !important;
}
.u-color-lpink-dark,
.u-hover-color-lpink-dark:hover,
.u-selected-color-lpink-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lpink-saturate-dark) !important;
}
.u-color-lpink-light,
.u-hover-color-lpink-light:hover,
.u-selected-color-lpink-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lpink-saturate-light) !important;
}
.u-outline-pink {
  color: var(--nom-color-pink-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-pink-lighten) !important;
}
.u-text-pink,
.u-hover-text-pink:hover,
.u-selected-text-pink.s-selected {
  color: var(--nom-color-pink) !important;
}
.u-border-pink {
  border-color: var(--nom-color-pink) !important;
}
.u-border-lpink {
  border-color: var(--nom-color-lpink) !important;
}
.u-color-cyan,
.u-hover-color-cyan:hover,
.u-selected-color-cyan.s-selected {
  color: var(--nom-color-cyan-lighten) !important;
  background-color: var(--nom-color-cyan) !important;
  border-color: var(--nom-color-cyan-darken) !important;
}
.u-color-cyan a,
.u-hover-color-cyan:hover a,
.u-selected-color-cyan.s-selected a {
  color: inherit !important;
}
.u-color-cyan-dark,
.u-hover-color-cyan-dark:hover,
.u-selected-color-cyan-dark.s-selected {
  color: var(--nom-color-cyan-lighten) !important;
  background-color: var(--nom-color-cyan-saturate-dark) !important;
  border-color: var(--nom-color-cyan-darken) !important;
}
.u-color-cyan-light,
.u-hover-color-cyan-light:hover,
.u-selected-color-cyan-light.s-selected {
  color: var(--nom-color-cyan-lighten) !important;
  background-color: var(--nom-color-cyan-saturate-light) !important;
  border-color: var(--nom-color-cyan-darken) !important;
}
.u-color-cyan-outline {
  color: var(--nom-color-cyan) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-cyan) !important;
}
.u-color-cyan-outline.s-hover,
.u-color-cyan-outline:hover {
  color: var(--nom-color-cyan) !important;
  background-color: var(--nom-color-cyan-lighten) !important;
}
.u-color-lcyan,
.u-hover-color-lcyan:hover,
.u-selected-color-lcyan.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lcyan) !important;
}
.u-color-lcyan-dark,
.u-hover-color-lcyan-dark:hover,
.u-selected-color-lcyan-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lcyan-saturate-dark) !important;
}
.u-color-lcyan-light,
.u-hover-color-lcyan-light:hover,
.u-selected-color-lcyan-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lcyan-saturate-light) !important;
}
.u-outline-cyan {
  color: var(--nom-color-cyan-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-cyan-lighten) !important;
}
.u-text-cyan,
.u-hover-text-cyan:hover,
.u-selected-text-cyan.s-selected {
  color: var(--nom-color-cyan) !important;
}
.u-border-cyan {
  border-color: var(--nom-color-cyan) !important;
}
.u-border-lcyan {
  border-color: var(--nom-color-lcyan) !important;
}
.u-color-primary,
.u-hover-color-primary:hover,
.u-selected-color-primary.s-selected {
  color: var(--nom-color-primary-lighten) !important;
  background-color: var(--nom-color-primary) !important;
  border-color: var(--nom-color-primary-darken) !important;
}
.u-color-primary a,
.u-hover-color-primary:hover a,
.u-selected-color-primary.s-selected a {
  color: inherit !important;
}
.u-color-primary-dark,
.u-hover-color-primary-dark:hover,
.u-selected-color-primary-dark.s-selected {
  color: var(--nom-color-primary-lighten) !important;
  background-color: var(--nom-color-primary-saturate-dark) !important;
  border-color: var(--nom-color-primary-darken) !important;
}
.u-color-primary-light,
.u-hover-color-primary-light:hover,
.u-selected-color-primary-light.s-selected {
  color: var(--nom-color-primary-lighten) !important;
  background-color: var(--nom-color-primary-saturate-light) !important;
  border-color: var(--nom-color-primary-darken) !important;
}
.u-color-primary-outline {
  color: var(--nom-color-primary) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-primary) !important;
}
.u-color-primary-outline.s-hover,
.u-color-primary-outline:hover {
  color: var(--nom-color-primary) !important;
  background-color: var(--nom-color-primary-lighten) !important;
}
.u-color-lprimary,
.u-hover-color-lprimary:hover,
.u-selected-color-lprimary.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lprimary) !important;
}
.u-color-lprimary-dark,
.u-hover-color-lprimary-dark:hover,
.u-selected-color-lprimary-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lprimary-saturate-dark) !important;
}
.u-color-lprimary-light,
.u-hover-color-lprimary-light:hover,
.u-selected-color-lprimary-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lprimary-saturate-light) !important;
}
.u-outline-primary {
  color: var(--nom-color-primary-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-primary-lighten) !important;
}
.u-text-primary,
.u-hover-text-primary:hover,
.u-selected-text-primary.s-selected {
  color: var(--nom-color-primary) !important;
}
.u-border-primary {
  border-color: var(--nom-color-primary) !important;
}
.u-border-lprimary {
  border-color: var(--nom-color-lprimary) !important;
}
.u-color-success,
.u-hover-color-success:hover,
.u-selected-color-success.s-selected {
  color: var(--nom-color-success-lighten) !important;
  background-color: var(--nom-color-success) !important;
  border-color: var(--nom-color-success-darken) !important;
}
.u-color-success a,
.u-hover-color-success:hover a,
.u-selected-color-success.s-selected a {
  color: inherit !important;
}
.u-color-success-dark,
.u-hover-color-success-dark:hover,
.u-selected-color-success-dark.s-selected {
  color: var(--nom-color-success-lighten) !important;
  background-color: var(--nom-color-success-saturate-dark) !important;
  border-color: var(--nom-color-success-darken) !important;
}
.u-color-success-light,
.u-hover-color-success-light:hover,
.u-selected-color-success-light.s-selected {
  color: var(--nom-color-success-lighten) !important;
  background-color: var(--nom-color-success-saturate-light) !important;
  border-color: var(--nom-color-success-darken) !important;
}
.u-color-success-outline {
  color: var(--nom-color-success) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-success) !important;
}
.u-color-success-outline.s-hover,
.u-color-success-outline:hover {
  color: var(--nom-color-success) !important;
  background-color: var(--nom-color-success-lighten) !important;
}
.u-color-lsuccess,
.u-hover-color-lsuccess:hover,
.u-selected-color-lsuccess.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lsuccess) !important;
}
.u-color-lsuccess-dark,
.u-hover-color-lsuccess-dark:hover,
.u-selected-color-lsuccess-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lsuccess-saturate-dark) !important;
}
.u-color-lsuccess-light,
.u-hover-color-lsuccess-light:hover,
.u-selected-color-lsuccess-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lsuccess-saturate-light) !important;
}
.u-outline-success {
  color: var(--nom-color-success-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-success-lighten) !important;
}
.u-text-success,
.u-hover-text-success:hover,
.u-selected-text-success.s-selected {
  color: var(--nom-color-success) !important;
}
.u-border-success {
  border-color: var(--nom-color-success) !important;
}
.u-border-lsuccess {
  border-color: var(--nom-color-lsuccess) !important;
}
.u-color-info,
.u-hover-color-info:hover,
.u-selected-color-info.s-selected {
  color: var(--nom-color-info-lighten) !important;
  background-color: var(--nom-color-info) !important;
  border-color: var(--nom-color-info-darken) !important;
}
.u-color-info a,
.u-hover-color-info:hover a,
.u-selected-color-info.s-selected a {
  color: inherit !important;
}
.u-color-info-dark,
.u-hover-color-info-dark:hover,
.u-selected-color-info-dark.s-selected {
  color: var(--nom-color-info-lighten) !important;
  background-color: var(--nom-color-info-saturate-dark) !important;
  border-color: var(--nom-color-info-darken) !important;
}
.u-color-info-light,
.u-hover-color-info-light:hover,
.u-selected-color-info-light.s-selected {
  color: var(--nom-color-info-lighten) !important;
  background-color: var(--nom-color-info-saturate-light) !important;
  border-color: var(--nom-color-info-darken) !important;
}
.u-color-info-outline {
  color: var(--nom-color-info) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-info) !important;
}
.u-color-info-outline.s-hover,
.u-color-info-outline:hover {
  color: var(--nom-color-info) !important;
  background-color: var(--nom-color-info-lighten) !important;
}
.u-color-linfo,
.u-hover-color-linfo:hover,
.u-selected-color-linfo.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-linfo) !important;
}
.u-color-linfo-dark,
.u-hover-color-linfo-dark:hover,
.u-selected-color-linfo-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-linfo-saturate-dark) !important;
}
.u-color-linfo-light,
.u-hover-color-linfo-light:hover,
.u-selected-color-linfo-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-linfo-saturate-light) !important;
}
.u-outline-info {
  color: var(--nom-color-info-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-info-lighten) !important;
}
.u-text-info,
.u-hover-text-info:hover,
.u-selected-text-info.s-selected {
  color: var(--nom-color-info) !important;
}
.u-border-info {
  border-color: var(--nom-color-info) !important;
}
.u-border-linfo {
  border-color: var(--nom-color-linfo) !important;
}
.u-color-warning,
.u-hover-color-warning:hover,
.u-selected-color-warning.s-selected {
  color: var(--nom-color-warning-lighten) !important;
  background-color: var(--nom-color-warning) !important;
  border-color: var(--nom-color-warning-darken) !important;
}
.u-color-warning a,
.u-hover-color-warning:hover a,
.u-selected-color-warning.s-selected a {
  color: inherit !important;
}
.u-color-warning-dark,
.u-hover-color-warning-dark:hover,
.u-selected-color-warning-dark.s-selected {
  color: var(--nom-color-warning-lighten) !important;
  background-color: var(--nom-color-warning-saturate-dark) !important;
  border-color: var(--nom-color-warning-darken) !important;
}
.u-color-warning-light,
.u-hover-color-warning-light:hover,
.u-selected-color-warning-light.s-selected {
  color: var(--nom-color-warning-lighten) !important;
  background-color: var(--nom-color-warning-saturate-light) !important;
  border-color: var(--nom-color-warning-darken) !important;
}
.u-color-warning-outline {
  color: var(--nom-color-warning) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-warning) !important;
}
.u-color-warning-outline.s-hover,
.u-color-warning-outline:hover {
  color: var(--nom-color-warning) !important;
  background-color: var(--nom-color-warning-lighten) !important;
}
.u-color-lwarning,
.u-hover-color-lwarning:hover,
.u-selected-color-lwarning.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lwarning) !important;
}
.u-color-lwarning-dark,
.u-hover-color-lwarning-dark:hover,
.u-selected-color-lwarning-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lwarning-saturate-dark) !important;
}
.u-color-lwarning-light,
.u-hover-color-lwarning-light:hover,
.u-selected-color-lwarning-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-lwarning-saturate-light) !important;
}
.u-outline-warning {
  color: var(--nom-color-warning-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-warning-lighten) !important;
}
.u-text-warning,
.u-hover-text-warning:hover,
.u-selected-text-warning.s-selected {
  color: var(--nom-color-warning) !important;
}
.u-border-warning {
  border-color: var(--nom-color-warning) !important;
}
.u-border-lwarning {
  border-color: var(--nom-color-lwarning) !important;
}
.u-color-danger,
.u-hover-color-danger:hover,
.u-selected-color-danger.s-selected {
  color: var(--nom-color-danger-lighten) !important;
  background-color: var(--nom-color-danger) !important;
  border-color: var(--nom-color-danger-darken) !important;
}
.u-color-danger a,
.u-hover-color-danger:hover a,
.u-selected-color-danger.s-selected a {
  color: inherit !important;
}
.u-color-danger-dark,
.u-hover-color-danger-dark:hover,
.u-selected-color-danger-dark.s-selected {
  color: var(--nom-color-danger-lighten) !important;
  background-color: var(--nom-color-danger-saturate-dark) !important;
  border-color: var(--nom-color-danger-darken) !important;
}
.u-color-danger-light,
.u-hover-color-danger-light:hover,
.u-selected-color-danger-light.s-selected {
  color: var(--nom-color-danger-lighten) !important;
  background-color: var(--nom-color-danger-saturate-light) !important;
  border-color: var(--nom-color-danger-darken) !important;
}
.u-color-danger-outline {
  color: var(--nom-color-danger) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-danger) !important;
}
.u-color-danger-outline.s-hover,
.u-color-danger-outline:hover {
  color: var(--nom-color-danger) !important;
  background-color: var(--nom-color-danger-lighten) !important;
}
.u-color-ldanger,
.u-hover-color-ldanger:hover,
.u-selected-color-ldanger.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-ldanger) !important;
}
.u-color-ldanger-dark,
.u-hover-color-ldanger-dark:hover,
.u-selected-color-ldanger-dark.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-ldanger-saturate-dark) !important;
}
.u-color-ldanger-light,
.u-hover-color-ldanger-light:hover,
.u-selected-color-ldanger-light.s-selected {
  color: inherit !important;
  background-color: var(--nom-color-ldanger-saturate-light) !important;
}
.u-outline-danger {
  color: var(--nom-color-danger-lighten);
  background-color: transparent !important;
  border-color: var(--nom-color-danger-lighten) !important;
}
.u-text-danger,
.u-hover-text-danger:hover,
.u-selected-text-danger.s-selected {
  color: var(--nom-color-danger) !important;
}
.u-border-danger {
  border-color: var(--nom-color-danger) !important;
}
.u-border-ldanger {
  border-color: var(--nom-color-ldanger) !important;
}
.u-hover-color-darken:hover:not(.s-selected) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.u-hover-color-lighten:not(.s-selected):hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.u-selected-color-darken.s-selected {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.u-selected-color-lighten.s-selected {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.u-color-white {
  color: #343a40 !important;
  background-color: #ffffff !important;
}
.u-color-black {
  color: #ffffff !important;
  background-color: #000000 !important;
}
.u-color-transparent {
  color: inherit !important;
  background-color: transparent !important;
}
.u-cursor-pointer {
  cursor: pointer;
}
.u-padding-d125 {
  padding: 0.125rem !important;
}
.u-padding-t-d125 {
  padding-top: 0.125rem !important;
}
.u-padding-r-d125 {
  padding-right: 0.125rem !important;
}
.u-padding-b-d125 {
  padding-bottom: 0.125rem !important;
}
.u-padding-l-d125 {
  padding-left: 0.125rem !important;
}
.u-padding-x-d125 {
  padding-right: 0.125rem !important;
  padding-left: 0.125rem !important;
}
.u-padding-y-d125 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.u-padding-d25 {
  padding: 0.25rem !important;
}
.u-padding-t-d25 {
  padding-top: 0.25rem !important;
}
.u-padding-r-d25 {
  padding-right: 0.25rem !important;
}
.u-padding-b-d25 {
  padding-bottom: 0.25rem !important;
}
.u-padding-l-d25 {
  padding-left: 0.25rem !important;
}
.u-padding-x-d25 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.u-padding-y-d25 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.u-padding-d375 {
  padding: 0.375rem !important;
}
.u-padding-t-d375 {
  padding-top: 0.375rem !important;
}
.u-padding-r-d375 {
  padding-right: 0.375rem !important;
}
.u-padding-b-d375 {
  padding-bottom: 0.375rem !important;
}
.u-padding-l-d375 {
  padding-left: 0.375rem !important;
}
.u-padding-x-d375 {
  padding-right: 0.375rem !important;
  padding-left: 0.375rem !important;
}
.u-padding-y-d375 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.u-padding-d5 {
  padding: 0.5rem !important;
}
.u-padding-t-d5 {
  padding-top: 0.5rem !important;
}
.u-padding-r-d5 {
  padding-right: 0.5rem !important;
}
.u-padding-b-d5 {
  padding-bottom: 0.5rem !important;
}
.u-padding-l-d5 {
  padding-left: 0.5rem !important;
}
.u-padding-x-d5 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.u-padding-y-d5 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.u-padding-d625 {
  padding: 0.625rem !important;
}
.u-padding-t-d625 {
  padding-top: 0.625rem !important;
}
.u-padding-r-d625 {
  padding-right: 0.625rem !important;
}
.u-padding-b-d625 {
  padding-bottom: 0.625rem !important;
}
.u-padding-l-d625 {
  padding-left: 0.625rem !important;
}
.u-padding-x-d625 {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
}
.u-padding-y-d625 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.u-padding-d75 {
  padding: 0.75rem !important;
}
.u-padding-t-d75 {
  padding-top: 0.75rem !important;
}
.u-padding-r-d75 {
  padding-right: 0.75rem !important;
}
.u-padding-b-d75 {
  padding-bottom: 0.75rem !important;
}
.u-padding-l-d75 {
  padding-left: 0.75rem !important;
}
.u-padding-x-d75 {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}
.u-padding-y-d75 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.u-padding-d825 {
  padding: 0.825rem !important;
}
.u-padding-t-d825 {
  padding-top: 0.825rem !important;
}
.u-padding-r-d825 {
  padding-right: 0.825rem !important;
}
.u-padding-b-d825 {
  padding-bottom: 0.825rem !important;
}
.u-padding-l-d825 {
  padding-left: 0.825rem !important;
}
.u-padding-x-d825 {
  padding-right: 0.825rem !important;
  padding-left: 0.825rem !important;
}
.u-padding-y-d825 {
  padding-top: 0.825rem !important;
  padding-bottom: 0.825rem !important;
}
.u-padding-1 {
  padding: 1rem !important;
}
.u-padding-t-1 {
  padding-top: 1rem !important;
}
.u-padding-r-1 {
  padding-right: 1rem !important;
}
.u-padding-b-1 {
  padding-bottom: 1rem !important;
}
.u-padding-l-1 {
  padding-left: 1rem !important;
}
.u-padding-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.u-padding-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.u-padding-1d125 {
  padding: 1.125rem !important;
}
.u-padding-t-1d125 {
  padding-top: 1.125rem !important;
}
.u-padding-r-1d125 {
  padding-right: 1.125rem !important;
}
.u-padding-b-1d125 {
  padding-bottom: 1.125rem !important;
}
.u-padding-l-1d125 {
  padding-left: 1.125rem !important;
}
.u-padding-x-1d125 {
  padding-right: 1.125rem !important;
  padding-left: 1.125rem !important;
}
.u-padding-y-1d125 {
  padding-top: 1.125rem !important;
  padding-bottom: 1.125rem !important;
}
.u-padding-1d25 {
  padding: 1.25rem !important;
}
.u-padding-t-1d25 {
  padding-top: 1.25rem !important;
}
.u-padding-r-1d25 {
  padding-right: 1.25rem !important;
}
.u-padding-b-1d25 {
  padding-bottom: 1.25rem !important;
}
.u-padding-l-1d25 {
  padding-left: 1.25rem !important;
}
.u-padding-x-1d25 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}
.u-padding-y-1d25 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.u-padding-1d375 {
  padding: 1.375rem !important;
}
.u-padding-t-1d375 {
  padding-top: 1.375rem !important;
}
.u-padding-r-1d375 {
  padding-right: 1.375rem !important;
}
.u-padding-b-1d375 {
  padding-bottom: 1.375rem !important;
}
.u-padding-l-1d375 {
  padding-left: 1.375rem !important;
}
.u-padding-x-1d375 {
  padding-right: 1.375rem !important;
  padding-left: 1.375rem !important;
}
.u-padding-y-1d375 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important;
}
.u-padding-1d5 {
  padding: 1.5rem !important;
}
.u-padding-t-1d5 {
  padding-top: 1.5rem !important;
}
.u-padding-r-1d5 {
  padding-right: 1.5rem !important;
}
.u-padding-b-1d5 {
  padding-bottom: 1.5rem !important;
}
.u-padding-l-1d5 {
  padding-left: 1.5rem !important;
}
.u-padding-x-1d5 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.u-padding-y-1d5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.u-padding-1d625 {
  padding: 1.625rem !important;
}
.u-padding-t-1d625 {
  padding-top: 1.625rem !important;
}
.u-padding-r-1d625 {
  padding-right: 1.625rem !important;
}
.u-padding-b-1d625 {
  padding-bottom: 1.625rem !important;
}
.u-padding-l-1d625 {
  padding-left: 1.625rem !important;
}
.u-padding-x-1d625 {
  padding-right: 1.625rem !important;
  padding-left: 1.625rem !important;
}
.u-padding-y-1d625 {
  padding-top: 1.625rem !important;
  padding-bottom: 1.625rem !important;
}
.u-padding-1d75 {
  padding: 1.75rem !important;
}
.u-padding-t-1d75 {
  padding-top: 1.75rem !important;
}
.u-padding-r-1d75 {
  padding-right: 1.75rem !important;
}
.u-padding-b-1d75 {
  padding-bottom: 1.75rem !important;
}
.u-padding-l-1d75 {
  padding-left: 1.75rem !important;
}
.u-padding-x-1d75 {
  padding-right: 1.75rem !important;
  padding-left: 1.75rem !important;
}
.u-padding-y-1d75 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.u-padding-1d825 {
  padding: 1.825rem !important;
}
.u-padding-t-1d825 {
  padding-top: 1.825rem !important;
}
.u-padding-r-1d825 {
  padding-right: 1.825rem !important;
}
.u-padding-b-1d825 {
  padding-bottom: 1.825rem !important;
}
.u-padding-l-1d825 {
  padding-left: 1.825rem !important;
}
.u-padding-x-1d825 {
  padding-right: 1.825rem !important;
  padding-left: 1.825rem !important;
}
.u-padding-y-1d825 {
  padding-top: 1.825rem !important;
  padding-bottom: 1.825rem !important;
}
.u-padding-2 {
  padding: 2rem !important;
}
.u-padding-t-2 {
  padding-top: 2rem !important;
}
.u-padding-r-2 {
  padding-right: 2rem !important;
}
.u-padding-b-2 {
  padding-bottom: 2rem !important;
}
.u-padding-l-2 {
  padding-left: 2rem !important;
}
.u-padding-x-2 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.u-padding-y-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.u-padding-2d25 {
  padding: 2.25rem !important;
}
.u-padding-t-2d25 {
  padding-top: 2.25rem !important;
}
.u-padding-r-2d25 {
  padding-right: 2.25rem !important;
}
.u-padding-b-2d25 {
  padding-bottom: 2.25rem !important;
}
.u-padding-l-2d25 {
  padding-left: 2.25rem !important;
}
.u-padding-x-2d25 {
  padding-right: 2.25rem !important;
  padding-left: 2.25rem !important;
}
.u-padding-y-2d25 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}
.u-padding-2d5 {
  padding: 2.5rem !important;
}
.u-padding-t-2d5 {
  padding-top: 2.5rem !important;
}
.u-padding-r-2d5 {
  padding-right: 2.5rem !important;
}
.u-padding-b-2d5 {
  padding-bottom: 2.5rem !important;
}
.u-padding-l-2d5 {
  padding-left: 2.5rem !important;
}
.u-padding-x-2d5 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}
.u-padding-y-2d5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.u-padding-2d75 {
  padding: 2.75rem !important;
}
.u-padding-t-2d75 {
  padding-top: 2.75rem !important;
}
.u-padding-r-2d75 {
  padding-right: 2.75rem !important;
}
.u-padding-b-2d75 {
  padding-bottom: 2.75rem !important;
}
.u-padding-l-2d75 {
  padding-left: 2.75rem !important;
}
.u-padding-x-2d75 {
  padding-right: 2.75rem !important;
  padding-left: 2.75rem !important;
}
.u-padding-y-2d75 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}
.u-padding-3 {
  padding: 3rem !important;
}
.u-padding-t-3 {
  padding-top: 3rem !important;
}
.u-padding-r-3 {
  padding-right: 3rem !important;
}
.u-padding-b-3 {
  padding-bottom: 3rem !important;
}
.u-padding-l-3 {
  padding-left: 3rem !important;
}
.u-padding-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.u-padding-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.u-padding-3d5 {
  padding: 3.5rem !important;
}
.u-padding-t-3d5 {
  padding-top: 3.5rem !important;
}
.u-padding-r-3d5 {
  padding-right: 3.5rem !important;
}
.u-padding-b-3d5 {
  padding-bottom: 3.5rem !important;
}
.u-padding-l-3d5 {
  padding-left: 3.5rem !important;
}
.u-padding-x-3d5 {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
}
.u-padding-y-3d5 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.u-padding-4 {
  padding: 4rem !important;
}
.u-padding-t-4 {
  padding-top: 4rem !important;
}
.u-padding-r-4 {
  padding-right: 4rem !important;
}
.u-padding-b-4 {
  padding-bottom: 4rem !important;
}
.u-padding-l-4 {
  padding-left: 4rem !important;
}
.u-padding-x-4 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}
.u-padding-y-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.u-padding-5 {
  padding: 5rem !important;
}
.u-padding-t-5 {
  padding-top: 5rem !important;
}
.u-padding-r-5 {
  padding-right: 5rem !important;
}
.u-padding-b-5 {
  padding-bottom: 5rem !important;
}
.u-padding-l-5 {
  padding-left: 5rem !important;
}
.u-padding-x-5 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}
.u-padding-y-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.u-padding-6 {
  padding: 6rem !important;
}
.u-padding-t-6 {
  padding-top: 6rem !important;
}
.u-padding-r-6 {
  padding-right: 6rem !important;
}
.u-padding-b-6 {
  padding-bottom: 6rem !important;
}
.u-padding-l-6 {
  padding-left: 6rem !important;
}
.u-padding-x-6 {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}
.u-padding-y-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.u-padding-7 {
  padding: 7rem !important;
}
.u-padding-t-7 {
  padding-top: 7rem !important;
}
.u-padding-r-7 {
  padding-right: 7rem !important;
}
.u-padding-b-7 {
  padding-bottom: 7rem !important;
}
.u-padding-l-7 {
  padding-left: 7rem !important;
}
.u-padding-x-7 {
  padding-right: 7rem !important;
  padding-left: 7rem !important;
}
.u-padding-y-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
.u-padding-8 {
  padding: 8rem !important;
}
.u-padding-t-8 {
  padding-top: 8rem !important;
}
.u-padding-r-8 {
  padding-right: 8rem !important;
}
.u-padding-b-8 {
  padding-bottom: 8rem !important;
}
.u-padding-l-8 {
  padding-left: 8rem !important;
}
.u-padding-x-8 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}
.u-padding-y-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.u-padding-0 {
  padding: 0 !important;
}
.u-padding-1px {
  padding: 1px !important;
}
.u-padding-2px {
  padding: 2px !important;
}
.u-padding-3px {
  padding: 3px !important;
}
.u-margin-d125 {
  margin: 0.125rem !important;
}
.u-margin-t-d125 {
  margin-top: 0.125rem !important;
}
.u-margin-r-d125 {
  margin-right: 0.125rem !important;
}
.u-margin-b-d125 {
  margin-bottom: 0.125rem !important;
}
.u-margin-l-d125 {
  margin-left: 0.125rem !important;
}
.u-margin-x-d125 {
  margin-right: 0.125rem !important;
  margin-left: 0.125rem !important;
}
.u-margin-y-d125 {
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
}
.u-margin-d25 {
  margin: 0.25rem !important;
}
.u-margin-t-d25 {
  margin-top: 0.25rem !important;
}
.u-margin-r-d25 {
  margin-right: 0.25rem !important;
}
.u-margin-b-d25 {
  margin-bottom: 0.25rem !important;
}
.u-margin-l-d25 {
  margin-left: 0.25rem !important;
}
.u-margin-x-d25 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.u-margin-y-d25 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.u-margin-d375 {
  margin: 0.375rem !important;
}
.u-margin-t-d375 {
  margin-top: 0.375rem !important;
}
.u-margin-r-d375 {
  margin-right: 0.375rem !important;
}
.u-margin-b-d375 {
  margin-bottom: 0.375rem !important;
}
.u-margin-l-d375 {
  margin-left: 0.375rem !important;
}
.u-margin-x-d375 {
  margin-right: 0.375rem !important;
  margin-left: 0.375rem !important;
}
.u-margin-y-d375 {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}
.u-margin-d5 {
  margin: 0.5rem !important;
}
.u-margin-t-d5 {
  margin-top: 0.5rem !important;
}
.u-margin-r-d5 {
  margin-right: 0.5rem !important;
}
.u-margin-b-d5 {
  margin-bottom: 0.5rem !important;
}
.u-margin-l-d5 {
  margin-left: 0.5rem !important;
}
.u-margin-x-d5 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.u-margin-y-d5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.u-margin-d625 {
  margin: 0.625rem !important;
}
.u-margin-t-d625 {
  margin-top: 0.625rem !important;
}
.u-margin-r-d625 {
  margin-right: 0.625rem !important;
}
.u-margin-b-d625 {
  margin-bottom: 0.625rem !important;
}
.u-margin-l-d625 {
  margin-left: 0.625rem !important;
}
.u-margin-x-d625 {
  margin-right: 0.625rem !important;
  margin-left: 0.625rem !important;
}
.u-margin-y-d625 {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}
.u-margin-d75 {
  margin: 0.75rem !important;
}
.u-margin-t-d75 {
  margin-top: 0.75rem !important;
}
.u-margin-r-d75 {
  margin-right: 0.75rem !important;
}
.u-margin-b-d75 {
  margin-bottom: 0.75rem !important;
}
.u-margin-l-d75 {
  margin-left: 0.75rem !important;
}
.u-margin-x-d75 {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}
.u-margin-y-d75 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.u-margin-d825 {
  margin: 0.825rem !important;
}
.u-margin-t-d825 {
  margin-top: 0.825rem !important;
}
.u-margin-r-d825 {
  margin-right: 0.825rem !important;
}
.u-margin-b-d825 {
  margin-bottom: 0.825rem !important;
}
.u-margin-l-d825 {
  margin-left: 0.825rem !important;
}
.u-margin-x-d825 {
  margin-right: 0.825rem !important;
  margin-left: 0.825rem !important;
}
.u-margin-y-d825 {
  margin-top: 0.825rem !important;
  margin-bottom: 0.825rem !important;
}
.u-margin-1 {
  margin: 1rem !important;
}
.u-margin-t-1 {
  margin-top: 1rem !important;
}
.u-margin-r-1 {
  margin-right: 1rem !important;
}
.u-margin-b-1 {
  margin-bottom: 1rem !important;
}
.u-margin-l-1 {
  margin-left: 1rem !important;
}
.u-margin-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.u-margin-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.u-margin-1d125 {
  margin: 1.125rem !important;
}
.u-margin-t-1d125 {
  margin-top: 1.125rem !important;
}
.u-margin-r-1d125 {
  margin-right: 1.125rem !important;
}
.u-margin-b-1d125 {
  margin-bottom: 1.125rem !important;
}
.u-margin-l-1d125 {
  margin-left: 1.125rem !important;
}
.u-margin-x-1d125 {
  margin-right: 1.125rem !important;
  margin-left: 1.125rem !important;
}
.u-margin-y-1d125 {
  margin-top: 1.125rem !important;
  margin-bottom: 1.125rem !important;
}
.u-margin-1d25 {
  margin: 1.25rem !important;
}
.u-margin-t-1d25 {
  margin-top: 1.25rem !important;
}
.u-margin-r-1d25 {
  margin-right: 1.25rem !important;
}
.u-margin-b-1d25 {
  margin-bottom: 1.25rem !important;
}
.u-margin-l-1d25 {
  margin-left: 1.25rem !important;
}
.u-margin-x-1d25 {
  margin-right: 1.25rem !important;
  margin-left: 1.25rem !important;
}
.u-margin-y-1d25 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.u-margin-1d375 {
  margin: 1.375rem !important;
}
.u-margin-t-1d375 {
  margin-top: 1.375rem !important;
}
.u-margin-r-1d375 {
  margin-right: 1.375rem !important;
}
.u-margin-b-1d375 {
  margin-bottom: 1.375rem !important;
}
.u-margin-l-1d375 {
  margin-left: 1.375rem !important;
}
.u-margin-x-1d375 {
  margin-right: 1.375rem !important;
  margin-left: 1.375rem !important;
}
.u-margin-y-1d375 {
  margin-top: 1.375rem !important;
  margin-bottom: 1.375rem !important;
}
.u-margin-1d5 {
  margin: 1.5rem !important;
}
.u-margin-t-1d5 {
  margin-top: 1.5rem !important;
}
.u-margin-r-1d5 {
  margin-right: 1.5rem !important;
}
.u-margin-b-1d5 {
  margin-bottom: 1.5rem !important;
}
.u-margin-l-1d5 {
  margin-left: 1.5rem !important;
}
.u-margin-x-1d5 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.u-margin-y-1d5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.u-margin-1d625 {
  margin: 1.625rem !important;
}
.u-margin-t-1d625 {
  margin-top: 1.625rem !important;
}
.u-margin-r-1d625 {
  margin-right: 1.625rem !important;
}
.u-margin-b-1d625 {
  margin-bottom: 1.625rem !important;
}
.u-margin-l-1d625 {
  margin-left: 1.625rem !important;
}
.u-margin-x-1d625 {
  margin-right: 1.625rem !important;
  margin-left: 1.625rem !important;
}
.u-margin-y-1d625 {
  margin-top: 1.625rem !important;
  margin-bottom: 1.625rem !important;
}
.u-margin-1d75 {
  margin: 1.75rem !important;
}
.u-margin-t-1d75 {
  margin-top: 1.75rem !important;
}
.u-margin-r-1d75 {
  margin-right: 1.75rem !important;
}
.u-margin-b-1d75 {
  margin-bottom: 1.75rem !important;
}
.u-margin-l-1d75 {
  margin-left: 1.75rem !important;
}
.u-margin-x-1d75 {
  margin-right: 1.75rem !important;
  margin-left: 1.75rem !important;
}
.u-margin-y-1d75 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}
.u-margin-1d825 {
  margin: 1.825rem !important;
}
.u-margin-t-1d825 {
  margin-top: 1.825rem !important;
}
.u-margin-r-1d825 {
  margin-right: 1.825rem !important;
}
.u-margin-b-1d825 {
  margin-bottom: 1.825rem !important;
}
.u-margin-l-1d825 {
  margin-left: 1.825rem !important;
}
.u-margin-x-1d825 {
  margin-right: 1.825rem !important;
  margin-left: 1.825rem !important;
}
.u-margin-y-1d825 {
  margin-top: 1.825rem !important;
  margin-bottom: 1.825rem !important;
}
.u-margin-2 {
  margin: 2rem !important;
}
.u-margin-t-2 {
  margin-top: 2rem !important;
}
.u-margin-r-2 {
  margin-right: 2rem !important;
}
.u-margin-b-2 {
  margin-bottom: 2rem !important;
}
.u-margin-l-2 {
  margin-left: 2rem !important;
}
.u-margin-x-2 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.u-margin-y-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.u-margin-2d25 {
  margin: 2.25rem !important;
}
.u-margin-t-2d25 {
  margin-top: 2.25rem !important;
}
.u-margin-r-2d25 {
  margin-right: 2.25rem !important;
}
.u-margin-b-2d25 {
  margin-bottom: 2.25rem !important;
}
.u-margin-l-2d25 {
  margin-left: 2.25rem !important;
}
.u-margin-x-2d25 {
  margin-right: 2.25rem !important;
  margin-left: 2.25rem !important;
}
.u-margin-y-2d25 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}
.u-margin-2d5 {
  margin: 2.5rem !important;
}
.u-margin-t-2d5 {
  margin-top: 2.5rem !important;
}
.u-margin-r-2d5 {
  margin-right: 2.5rem !important;
}
.u-margin-b-2d5 {
  margin-bottom: 2.5rem !important;
}
.u-margin-l-2d5 {
  margin-left: 2.5rem !important;
}
.u-margin-x-2d5 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}
.u-margin-y-2d5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.u-margin-2d75 {
  margin: 2.75rem !important;
}
.u-margin-t-2d75 {
  margin-top: 2.75rem !important;
}
.u-margin-r-2d75 {
  margin-right: 2.75rem !important;
}
.u-margin-b-2d75 {
  margin-bottom: 2.75rem !important;
}
.u-margin-l-2d75 {
  margin-left: 2.75rem !important;
}
.u-margin-x-2d75 {
  margin-right: 2.75rem !important;
  margin-left: 2.75rem !important;
}
.u-margin-y-2d75 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important;
}
.u-margin-3 {
  margin: 3rem !important;
}
.u-margin-t-3 {
  margin-top: 3rem !important;
}
.u-margin-r-3 {
  margin-right: 3rem !important;
}
.u-margin-b-3 {
  margin-bottom: 3rem !important;
}
.u-margin-l-3 {
  margin-left: 3rem !important;
}
.u-margin-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.u-margin-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.u-margin-3d5 {
  margin: 3.5rem !important;
}
.u-margin-t-3d5 {
  margin-top: 3.5rem !important;
}
.u-margin-r-3d5 {
  margin-right: 3.5rem !important;
}
.u-margin-b-3d5 {
  margin-bottom: 3.5rem !important;
}
.u-margin-l-3d5 {
  margin-left: 3.5rem !important;
}
.u-margin-x-3d5 {
  margin-right: 3.5rem !important;
  margin-left: 3.5rem !important;
}
.u-margin-y-3d5 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}
.u-margin-4 {
  margin: 4rem !important;
}
.u-margin-t-4 {
  margin-top: 4rem !important;
}
.u-margin-r-4 {
  margin-right: 4rem !important;
}
.u-margin-b-4 {
  margin-bottom: 4rem !important;
}
.u-margin-l-4 {
  margin-left: 4rem !important;
}
.u-margin-x-4 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}
.u-margin-y-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.u-margin-5 {
  margin: 5rem !important;
}
.u-margin-t-5 {
  margin-top: 5rem !important;
}
.u-margin-r-5 {
  margin-right: 5rem !important;
}
.u-margin-b-5 {
  margin-bottom: 5rem !important;
}
.u-margin-l-5 {
  margin-left: 5rem !important;
}
.u-margin-x-5 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}
.u-margin-y-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.u-margin-6 {
  margin: 6rem !important;
}
.u-margin-t-6 {
  margin-top: 6rem !important;
}
.u-margin-r-6 {
  margin-right: 6rem !important;
}
.u-margin-b-6 {
  margin-bottom: 6rem !important;
}
.u-margin-l-6 {
  margin-left: 6rem !important;
}
.u-margin-x-6 {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}
.u-margin-y-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}
.u-margin-7 {
  margin: 7rem !important;
}
.u-margin-t-7 {
  margin-top: 7rem !important;
}
.u-margin-r-7 {
  margin-right: 7rem !important;
}
.u-margin-b-7 {
  margin-bottom: 7rem !important;
}
.u-margin-l-7 {
  margin-left: 7rem !important;
}
.u-margin-x-7 {
  margin-right: 7rem !important;
  margin-left: 7rem !important;
}
.u-margin-y-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}
.u-margin-8 {
  margin: 8rem !important;
}
.u-margin-t-8 {
  margin-top: 8rem !important;
}
.u-margin-r-8 {
  margin-right: 8rem !important;
}
.u-margin-b-8 {
  margin-bottom: 8rem !important;
}
.u-margin-l-8 {
  margin-left: 8rem !important;
}
.u-margin-x-8 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}
.u-margin-y-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}
.u-margin-0 {
  margin: 0;
}
.u-margin-l-auto {
  margin-left: auto;
}
.u-margin-r-auto {
  margin-right: auto;
  margin-left: auto;
}
.u-margins-x > div,
.u-margins-x > ul,
.u-margins-x > a,
.u-margins-x > p,
.u-margins-x > li {
  margin-bottom: 1rem !important;
}
.u-margins-x > div:last-child,
.u-margins-x > ul:last-child,
.u-margins-x > a:last-child,
.u-margins-x > p:last-child,
.u-margins-x > li:last-child {
  margin-bottom: 0;
}
.u-border {
  border: 1px solid var(--nom-border-color);
}
.u-border-top {
  border-top: 1px solid var(--nom-border-color);
}
.u-border-right {
  border-right: 1px solid var(--nom-border-color);
}
.u-border-bottom {
  border-bottom: 1px solid var(--nom-border-color);
}
.u-border-left {
  border-left: 1px solid var(--nom-border-color);
}
.u-border-none {
  border: none !important;
}
.u-border-transparent {
  border-color: transparent;
}
.u-border-dashed {
  border-style: dashed !important;
}
.u-border-1px {
  border: 1px solid var(--nom-border-color);
}
.u-border-2px {
  border-width: 2px;
}
.u-border-3px {
  border-width: 3px;
}
.u-border-4px {
  border-width: 4px;
}
.u-border-5px {
  border-width: 5px;
}
.u-border-lt {
  border-color: #dee2e6;
}
.u-border-dk {
  border-color: #adb5bd;
}
.u-border-light {
  border-color: #dee2e6;
}
.u-border-dark {
  border-color: #adb5bd;
}
.u-r-sm {
  border-radius: var(--nom-border-radius-sm);
}
.u-r {
  border-radius: var(--nom-border-radius);
}
.u-r-lg {
  border-radius: var(--nom-border-radius-lg);
}
.u-r-l {
  border-radius: var(--nom-border-radius) 0 0 var(--nom-border-radius);
}
.u-r-r {
  border-radius: 0 var(--nom-border-radius) var(--nom-border-radius) 0;
}
.u-r-t {
  border-radius: var(--nom-border-radius) var(--nom-border-radius) 0 0;
}
.u-r-b {
  border-radius: 0 0 var(--nom-border-radius) var(--nom-border-radius);
}
.u-shadow-xs {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.u-shadow-sm {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.u-shadow-md {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.u-shadow-lg {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.u-shadow-xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.u-shadow-xsmall {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.u-shadow-small {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.u-shadow-medium {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.u-shadow-large {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.u-shadow-xlarge {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.u-shadow-default {
  box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
  font-weight: 500;
  font-family: inherit;
  line-height: 1.2;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-weight: 300;
  font-size: 1.25rem;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin-bottom: 1rem;
}
.u-text-lg {
  font-size: 1.25rem;
}
.u-text-large {
  font-size: 1.25rem;
}
.u-text-small {
  font-size: 0.875rem;
}
.u-text-1d25 {
  font-size: 1.25rem;
}
.u-text-1d5 {
  font-size: 1.5rem;
}
.u-text-1d75 {
  font-size: 1.75rem;
}
.u-text-2 {
  font-size: 2rem;
}
.u-text-3 {
  font-size: 3rem;
}
.u-text-4 {
  font-size: 4rem;
}
.u-text-5 {
  font-size: 5rem;
}
.u-text-6 {
  font-size: 6rem;
}
.u-text-7 {
  font-size: 7rem;
}
.u-text-1d25x {
  font-size: 1.25rem;
}
.u-text-1d5x {
  font-size: 1.5rem;
}
.u-text-1d75x {
  font-size: 1.75rem;
}
.u-text-2x {
  font-size: 2rem;
}
.u-text-3x {
  font-size: 3rem;
}
.u-text-4x {
  font-size: 4rem;
}
.u-text-5x {
  font-size: 5rem;
}
.u-text-left {
  text-align: left !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-right {
  text-align: right !important;
}
.u-text-ell {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.u-text-muted {
  color: #6c757d !important;
}
.u-height-1 {
  height: 1rem !important;
}
.u-height-2 {
  height: 2rem !important;
}
.u-height-3 {
  height: 3rem !important;
}
.u-height-4 {
  height: 4rem !important;
}
.u-min-height-bar-md {
  min-height: 3rem;
}
.u-min-height-bar-sm {
  min-height: 2rem;
}
.u-min-height-bar-lg {
  min-height: 4rem;
}
.u-height-full {
  height: 100% !important;
}
.u-width-20 {
  width: 20rem !important;
}
.u-width-full {
  width: 100% !important;
}
.u-width-1-2 {
  width: 50% !important;
}
.u-width-1-3 {
  width: 33.3% !important;
}
.u-width-block-sm {
  width: 360px !important;
}
.u-width-block-md {
  width: 520px !important;
}
.u-width-block-lg {
  width: 800px !important;
}
.u-width-block-xl {
  width: 800px !important;
}
.u-width-item-sm {
  width: 120px !important;
}
.u-width-item-md {
  width: 180px !important;
}
.u-width-item-lg {
  width: 240px !important;
}
.u-width-item-xl {
  width: 300px !important;
}
.u-shape-round {
  border-radius: 1000px !important;
}
.u-shape-circle {
  border-radius: 50% !important;
}
.u-rounded-sm {
  border-radius: 0.2rem !important;
}
.u-rounded-md {
  border-radius: 0.25rem !important;
}
.u-rounded-lg {
  border-radius: 0.3rem !important;
}
.u-flex-row {
  display: flex;
}
.u-flex-row-wrap {
  display: flex;
  flex-wrap: wrap;
}
.u-flex-column {
  display: flex;
  flex-direction: column;
}
.u-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-flex-grow {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.u-flex-shrink {
  flex-shrink: 1;
}
.u-flex-fill {
  flex: 1 1 auto !important;
}
.u-flex-fills > * {
  flex: 1 1 auto !important;
}
.u-align-start {
  align-items: flex-start !important;
}
.u-align-end {
  align-items: flex-end !important;
}
.u-align-center {
  align-items: center !important;
}
.u-align-stretch {
  align-items: stretch !important;
}
.u-justify-start {
  justify-content: flex-start !important;
}
.u-justify-end {
  justify-content: flex-end !important;
}
.u-justify-center {
  justify-content: center !important;
}
.u-justify-between {
  justify-content: space-between !important;
}
.u-justify-around {
  justify-content: space-around !important;
}
.u-flex-wrap-wrap {
  flex-wrap: wrap;
}
.u-cols-2 > * {
  width: 50%;
}
.u-cols-3 > * {
  width: 33.33%;
}
.u-cols-4 > * {
  width: 25%;
}
.u-cols-5 > * {
  width: 25%;
}
.u-cols-6 > * {
  width: 16.66%;
}
.u-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.u-col-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.u-col-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.u-col-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.u-col-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.u-col-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.u-col-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.u-col-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.u-col-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.u-col-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.u-col-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.u-col-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.u-col-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.u-col-0 {
  display: none;
}
.u-col-xs-12 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.u-col-xs-11 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.u-col-xs-10 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.u-col-xs-9 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.u-col-xs-8 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.u-col-xs-7 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.u-col-xs-6 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.u-col-xs-5 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.u-col-xs-4 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.u-col-xs-3 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.u-col-xs-2 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.u-col-xs-1 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.u-col-xs-0 {
  display: none;
}
@media (min-width: 576px) {
  .u-col-sm-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-col-sm-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .u-col-sm-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .u-col-sm-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-col-sm-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .u-col-sm-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .u-col-sm-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-col-sm-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .u-col-sm-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .u-col-sm-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-col-sm-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .u-col-sm-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .u-col-sm-0 {
    display: none;
  }
}
@media (min-width: 768px) {
  .u-col-md-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-col-md-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .u-col-md-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .u-col-md-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-col-md-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .u-col-md-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .u-col-md-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-col-md-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .u-col-md-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .u-col-md-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-col-md-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .u-col-md-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .u-col-md-0 {
    display: none;
  }
}
@media (min-width: 992px) {
  .u-col-lg-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-col-lg-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .u-col-lg-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .u-col-lg-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-col-lg-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .u-col-lg-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .u-col-lg-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-col-lg-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .u-col-lg-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .u-col-lg-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-col-lg-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .u-col-lg-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .u-col-lg-0 {
    display: none;
  }
}
@media (min-width: 1200px) {
  .u-col-xl-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-col-xl-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .u-col-xl-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .u-col-xl-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-col-xl-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .u-col-xl-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .u-col-xl-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-col-xl-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .u-col-xl-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .u-col-xl-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-col-xl-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .u-col-xl-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .u-col-xl-0 {
    display: none;
  }
}
@media (min-width: 1600px) {
  .u-col-xxl-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .u-col-xxl-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .u-col-xxl-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .u-col-xxl-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .u-col-xxl-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .u-col-xxl-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .u-col-xxl-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .u-col-xxl-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .u-col-xxl-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .u-col-xxl-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .u-col-xxl-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .u-col-xxl-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .u-col-xxl-0 {
    display: none;
  }
}
.u-gutter-sm.u-flex-row {
  margin: 0 -0.25rem !important;
}
.u-gutter-sm.u-flex-row > * {
  padding: 0 0.25rem !important;
}
.u-gutter-sm.u-flex-column {
  margin: -0.25rem 0 !important;
}
.u-gutter-sm.u-flex-column > * {
  padding: 0.25rem 0 !important;
}
.u-gutter-sm.u-flex-row-wrap {
  margin: -0.25rem -0.25rem !important;
}
.u-gutter-sm.u-flex-row-wrap > * {
  padding: 0.25rem 0.25rem !important;
}
.u-gutter-md.u-flex-row {
  margin: 0 -0.5rem !important;
}
.u-gutter-md.u-flex-row > * {
  padding: 0 0.5rem !important;
}
.u-gutter-md.u-flex-column {
  margin: -0.5rem 0 !important;
}
.u-gutter-md.u-flex-column > * {
  padding: 0.5rem 0 !important;
}
.u-gutter-md.u-flex-row-wrap {
  margin: -0.5rem -0.5rem !important;
}
.u-gutter-md.u-flex-row-wrap > * {
  padding: 0.5rem 0.5rem !important;
}
.u-gutter-lg.u-flex-row {
  margin: 0 -0.75rem !important;
}
.u-gutter-lg.u-flex-row > * {
  padding: 0 0.75rem !important;
}
.u-gutter-lg.u-flex-column {
  margin: -0.75rem 0 !important;
}
.u-gutter-lg.u-flex-column > * {
  padding: 0.75rem 0 !important;
}
.u-gutter-lg.u-flex-row-wrap {
  margin: -0.75rem -0.75rem !important;
}
.u-gutter-lg.u-flex-row-wrap > * {
  padding: 0.75rem 0.75rem !important;
}
.u-gutter-1px.u-flex-row {
  margin: 0 -0.5px !important;
}
.u-gutter-1px.u-flex-row > * {
  padding: 0 0.5px !important;
}
.u-gutter-1px.u-flex-column {
  margin: -0.5px 0 !important;
}
.u-gutter-1px.u-flex-column > * {
  padding: 0.5px 0 !important;
}
.u-gutter-1px.u-flex-row-wrap {
  margin: -0.5px -0.5px !important;
}
.u-gutter-1px.u-flex-row-wrap > * {
  padding: 0.5px 0.5px !important;
}
.u-gutter-2px.u-flex-row {
  margin: 0 -1px !important;
}
.u-gutter-2px.u-flex-row > * {
  padding: 0 1px !important;
}
.u-gutter-2px.u-flex-column {
  margin: -1px 0 !important;
}
.u-gutter-2px.u-flex-column > * {
  padding: 1px 0 !important;
}
.u-gutter-2px.u-flex-row-wrap {
  margin: -1px -1px !important;
}
.u-gutter-2px.u-flex-row-wrap > * {
  padding: 1px 1px !important;
}
.u-gap-sm.u-flex-row > * {
  margin-right: 0.5rem;
}
.u-gap-sm.u-flex-row > *:last-child {
  margin-right: 0;
}
.u-gap-sm.u-flex-column > * {
  margin-bottom: 0.5rem;
}
.u-gap-sm.u-flex-column > *:last-child {
  margin-bottom: 0;
}
.u-gap-sm.u-flex-row-wrap > * {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.u-gap-md.u-flex-row > * {
  margin-right: 1rem;
}
.u-gap-md.u-flex-row > *:last-child {
  margin-right: 0;
}
.u-gap-md.u-flex-column > * {
  margin-bottom: 1rem;
}
.u-gap-md.u-flex-column > *:last-child {
  margin-bottom: 0;
}
.u-gap-md.u-flex-row-wrap > * {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.u-gap-lg.u-flex-row > * {
  margin-right: 1.5rem;
}
.u-gap-lg.u-flex-row > *:last-child {
  margin-right: 0;
}
.u-gap-lg.u-flex-column > * {
  margin-bottom: 1.5rem;
}
.u-gap-lg.u-flex-column > *:last-child {
  margin-bottom: 0;
}
.u-gap-lg.u-flex-row-wrap > * {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.u-gap-1px.u-flex-row > * {
  margin-right: 1px;
}
.u-gap-1px.u-flex-row > *:last-child {
  margin-right: 0;
}
.u-gap-1px.u-flex-column > * {
  margin-bottom: 1px;
}
.u-gap-1px.u-flex-column > *:last-child {
  margin-bottom: 0;
}
.u-gap-1px.u-flex-row-wrap > * {
  margin-right: 1px;
  margin-bottom: 1px;
}
.u-lines-grid > * {
  box-shadow: 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
}
.u-lines-cross.u-flex-row-wrap {
  overflow: hidden;
}
.u-lines-cross.u-flex-row-wrap > * {
  border-left: 1px solid var(--nom-border-color);
  border-bottom: 1px solid var(--nom-border-color);
  margin-bottom: -1px;
  margin-left: -1px;
}
.u-lines-split.u-flex-row > * {
  border-right: 1px solid var(--nom-border-color);
}
.u-lines-split.u-flex-row > *:last-child {
  border-right: 0;
}
.u-scroll-auto {
  overflow: auto !important;
}
.u-scroll-x {
  overflow-x: scroll !important;
}
.s-hidden {
  display: none !important;
}
.u-visually-hidden,
.u-visually-hidden-focusable:not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-size: 14px;
}
body {
  color: var(--nom-text-color);
  font-weight: 400;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 1.42857143;
  text-align: left;
  background-color: var(--nom-color-bg-0);
}
html,
body,
* {
  scrollbar-width: thin;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: var(--nom-scrollbar-width);
  height: var(--nom-scrollbar-width);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  border-radius: var(--nom-scrollbar-thumb-border-radius);
  background: var(--nom-scrollbar-thumb-bg);
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background-color: var(--nom-scrollbar-track-bg);
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
  background-color: var(--nom-scrollbar-corner-bg);
}
a {
  color: var(--nom-color-primary);
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  cursor: pointer;
}
a:hover {
  color: var(--nom-color-primary-darken);
  text-decoration: underline;
}
hr {
  border: 0;
  border-top: 1px solid #dee2e6;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
img {
  max-width: 100%;
  height: auto;
}
.app {
  width: 100%;
  height: 100%;
}
/* stylelint-disable custom-property-empty-line-before */
body {
  --nom-white: 255,255,255;
  --nom-black: 0,0,0;
  --nom-grey-0: 248,249,250;
  --nom-grey-1: 241,243,245;
  --nom-grey-2: 233,236,239;
  --nom-grey-3: 222,226,230;
  --nom-grey-4: 206,212,218;
  --nom-grey-5: 173,181,189;
  --nom-grey-6: 134,142,150;
  --nom-grey-7: 73,80,87;
  --nom-grey-8: 52,58,64;
  --nom-grey-9: 33,37,41;
  --nom-red-0: 255,245,245;
  --nom-red-1: 255,227,227;
  --nom-red-2: 255,201,201;
  --nom-red-3: 255,168,168;
  --nom-red-4: 255,135,135;
  --nom-red-5: 255,107,107;
  --nom-red-6: 250,82,82;
  --nom-red-7: 240,62,62;
  --nom-red-8: 224,49,49;
  --nom-red-9: 201,42,42;
  --nom-pink-0: 255,240,246;
  --nom-pink-1: 255,222,235;
  --nom-pink-2: 252,194,215;
  --nom-pink-3: 250,162,193;
  --nom-pink-4: 247,131,172;
  --nom-pink-5: 240,101,149;
  --nom-pink-6: 230,73,128;
  --nom-pink-7: 214,51,108;
  --nom-pink-8: 194,37,92;
  --nom-pink-9: 166,30,77;
  --nom-grape-0: 248,240,252;
  --nom-grape-1: 243,217,250;
  --nom-grape-2: 238,190,250;
  --nom-grape-3: 229,153,247;
  --nom-grape-4: 218,119,242;
  --nom-grape-5: 204,93,232;
  --nom-grape-6: 190,75,219;
  --nom-grape-7: 174,62,201;
  --nom-grape-8: 156,54,181;
  --nom-grape-9: 134,46,156;
  --nom-violet-0: 243,240,255;
  --nom-violet-1: 229,219,255;
  --nom-violet-2: 208,191,255;
  --nom-violet-3: 177,151,252;
  --nom-violet-4: 151,117,250;
  --nom-violet-5: 132,94,247;
  --nom-violet-6: 121,80,242;
  --nom-violet-7: 112,72,232;
  --nom-violet-8: 103,65,217;
  --nom-violet-9: 95,61,196;
  --nom-indigo-0: 237,242,255;
  --nom-indigo-1: 219,228,255;
  --nom-indigo-2: 186,200,255;
  --nom-indigo-3: 145,167,255;
  --nom-indigo-4: 116,143,252;
  --nom-indigo-5: 92,124,250;
  --nom-indigo-6: 76,110,245;
  --nom-indigo-7: 66,99,235;
  --nom-indigo-8: 59,91,219;
  --nom-indigo-9: 54,79,199;
  --nom-blue-0: 231,245,255;
  --nom-blue-1: 208,235,255;
  --nom-blue-2: 165,216,255;
  --nom-blue-3: 116,192,252;
  --nom-blue-4: 77,171,247;
  --nom-blue-5: 51,154,240;
  --nom-blue-6: 34,139,230;
  --nom-blue-7: 28,126,214;
  --nom-blue-8: 25,113,194;
  --nom-blue-9: 24,100,171;
  --nom-cyan-0: 227,250,252;
  --nom-cyan-1: 197,246,250;
  --nom-cyan-2: 153,233,242;
  --nom-cyan-3: 102,217,232;
  --nom-cyan-4: 59,201,219;
  --nom-cyan-5: 34,184,207;
  --nom-cyan-6: 21,170,191;
  --nom-cyan-7: 16,152,173;
  --nom-cyan-8: 12,133,153;
  --nom-cyan-9: 11,114,133;
  --nom-teal-0: 230,252,245;
  --nom-teal-1: 195,250,232;
  --nom-teal-2: 150,242,215;
  --nom-teal-3: 99,230,190;
  --nom-teal-4: 56,217,169;
  --nom-teal-5: 32,201,151;
  --nom-teal-6: 18,184,134;
  --nom-teal-7: 12,166,120;
  --nom-teal-8: 9,146,104;
  --nom-teal-9: 8,127,91;
  --nom-green-0: 235,251,238;
  --nom-green-1: 211,249,216;
  --nom-green-2: 178,242,187;
  --nom-green-3: 140,233,154;
  --nom-green-4: 105,219,124;
  --nom-green-5: 81,207,102;
  --nom-green-6: 64,192,87;
  --nom-green-7: 55,178,77;
  --nom-green-8: 47,158,68;
  --nom-green-9: 43,138,62;
  --nom-lime-0: 244,252,227;
  --nom-lime-1: 233,250,200;
  --nom-lime-2: 216,245,162;
  --nom-lime-3: 192,235,117;
  --nom-lime-4: 169,227,75;
  --nom-lime-5: 148,216,45;
  --nom-lime-6: 130,201,30;
  --nom-lime-7: 116,184,22;
  --nom-lime-8: 102,168,15;
  --nom-lime-9: 92,148,13;
  --nom-yellow-0: 255,249,219;
  --nom-yellow-1: 255,243,191;
  --nom-yellow-2: 255,236,153;
  --nom-yellow-3: 255,224,102;
  --nom-yellow-4: 255,212,59;
  --nom-yellow-5: 252,196,25;
  --nom-yellow-6: 250,176,5;
  --nom-yellow-7: 245,159,0;
  --nom-yellow-8: 240,140,0;
  --nom-yellow-9: 230,119,0;
  --nom-orange-0: 255,244,230;
  --nom-orange-1: 255,232,204;
  --nom-orange-2: 255,216,168;
  --nom-orange-3: 255,192,120;
  --nom-orange-4: 255,169,77;
  --nom-orange-5: 255,146,43;
  --nom-orange-6: 253,126,20;
  --nom-orange-7: 247,103,7;
  --nom-orange-8: 232,89,12;
  --nom-orange-9: 217,72,15;
}
body[theme-mode="dark"],
body .nom-always-dark {
  --nom-grey-9: 248,249,250;
  --nom-grey-8: 241,243,245;
  --nom-grey-7: 233,236,239;
  --nom-grey-6: 222,226,230;
  --nom-grey-5: 206,212,218;
  --nom-grey-4: 173,181,189;
  --nom-grey-3: 134,142,150;
  --nom-grey-2: 73,80,87;
  --nom-grey-1: 52,58,64;
  --nom-grey-0: 33,37,41;
  --nom-red-9: 255,245,245;
  --nom-red-8: 255,227,227;
  --nom-red-7: 255,201,201;
  --nom-red-6: 255,168,168;
  --nom-red-5: 255,135,135;
  --nom-red-4: 255,107,107;
  --nom-red-3: 250,82,82;
  --nom-red-2: 240,62,62;
  --nom-red-1: 224,49,49;
  --nom-red-0: 201,42,42;
  --nom-pink-9: 255,240,246;
  --nom-pink-8: 255,222,235;
  --nom-pink-7: 252,194,215;
  --nom-pink-6: 250,162,193;
  --nom-pink-5: 247,131,172;
  --nom-pink-4: 240,101,149;
  --nom-pink-3: 230,73,128;
  --nom-pink-2: 214,51,108;
  --nom-pink-1: 194,37,92;
  --nom-pink-0: 166,30,77;
  --nom-grape-9: 248,240,252;
  --nom-grape-8: 243,217,250;
  --nom-grape-7: 238,190,250;
  --nom-grape-6: 229,153,247;
  --nom-grape-5: 218,119,242;
  --nom-grape-4: 204,93,232;
  --nom-grape-3: 190,75,219;
  --nom-grape-2: 174,62,201;
  --nom-grape-1: 156,54,181;
  --nom-grape-0: 134,46,156;
  --nom-violet-9: 243,240,255;
  --nom-violet-8: 229,219,255;
  --nom-violet-7: 208,191,255;
  --nom-violet-6: 177,151,252;
  --nom-violet-5: 151,117,250;
  --nom-violet-4: 132,94,247;
  --nom-violet-3: 121,80,242;
  --nom-violet-2: 112,72,232;
  --nom-violet-1: 103,65,217;
  --nom-violet-0: 95,61,196;
  --nom-indigo-9: 237,242,255;
  --nom-indigo-8: 219,228,255;
  --nom-indigo-7: 186,200,255;
  --nom-indigo-6: 145,167,255;
  --nom-indigo-5: 116,143,252;
  --nom-indigo-4: 92,124,250;
  --nom-indigo-3: 76,110,245;
  --nom-indigo-2: 66,99,235;
  --nom-indigo-1: 59,91,219;
  --nom-indigo-0: 54,79,199;
  --nom-blue-9: 231,245,255;
  --nom-blue-8: 208,235,255;
  --nom-blue-7: 165,216,255;
  --nom-blue-6: 116,192,252;
  --nom-blue-5: 77,171,247;
  --nom-blue-4: 51,154,240;
  --nom-blue-3: 34,139,230;
  --nom-blue-2: 28,126,214;
  --nom-blue-1: 25,113,194;
  --nom-blue-0: 24,100,171;
  --nom-cyan-9: 227,250,252;
  --nom-cyan-8: 197,246,250;
  --nom-cyan-7: 153,233,242;
  --nom-cyan-6: 102,217,232;
  --nom-cyan-5: 59,201,219;
  --nom-cyan-4: 34,184,207;
  --nom-cyan-3: 21,170,191;
  --nom-cyan-2: 16,152,173;
  --nom-cyan-1: 12,133,153;
  --nom-cyan-0: 11,114,133;
  --nom-teal-9: 230,252,245;
  --nom-teal-8: 195,250,232;
  --nom-teal-7: 150,242,215;
  --nom-teal-6: 99,230,190;
  --nom-teal-5: 56,217,169;
  --nom-teal-4: 32,201,151;
  --nom-teal-3: 18,184,134;
  --nom-teal-2: 12,166,120;
  --nom-teal-1: 9,146,104;
  --nom-teal-0: 8,127,91;
  --nom-green-9: 235,251,238;
  --nom-green-8: 211,249,216;
  --nom-green-7: 178,242,187;
  --nom-green-6: 140,233,154;
  --nom-green-5: 105,219,124;
  --nom-green-4: 81,207,102;
  --nom-green-3: 64,192,87;
  --nom-green-2: 55,178,77;
  --nom-green-1: 47,158,68;
  --nom-green-0: 43,138,62;
  --nom-lime-9: 244,252,227;
  --nom-lime-8: 233,250,200;
  --nom-lime-7: 216,245,162;
  --nom-lime-6: 192,235,117;
  --nom-lime-5: 169,227,75;
  --nom-lime-4: 148,216,45;
  --nom-lime-3: 130,201,30;
  --nom-lime-2: 116,184,22;
  --nom-lime-1: 102,168,15;
  --nom-lime-0: 92,148,13;
  --nom-yellow-9: 255,249,219;
  --nom-yellow-8: 255,243,191;
  --nom-yellow-7: 255,236,153;
  --nom-yellow-6: 255,224,102;
  --nom-yellow-5: 255,212,59;
  --nom-yellow-4: 252,196,25;
  --nom-yellow-3: 250,176,5;
  --nom-yellow-2: 245,159,0;
  --nom-yellow-1: 240,140,0;
  --nom-yellow-0: 230,119,0;
  --nom-orange-9: 255,244,230;
  --nom-orange-8: 255,232,204;
  --nom-orange-7: 255,216,168;
  --nom-orange-6: 255,192,120;
  --nom-orange-5: 255,169,77;
  --nom-orange-4: 255,146,43;
  --nom-orange-3: 253,126,20;
  --nom-orange-2: 247,103,7;
  --nom-orange-1: 232,89,12;
  --nom-orange-0: 217,72,15;
}
.nom-preset-layer {
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
  box-shadow: var(--nom-layer-box-shadow);
}
.nom-preset-hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-preset-primary {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-preset-primary:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-preset-primary.active {
  background-color: var(--nom-color-primary-active);
}
.nom-preset-primary.disabled,
.nom-preset-primary[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-preset-pointer {
  cursor: pointer;
}
.nom-preset-muted {
  color: var(--nom-color-text-1);
}
.nom-preset-font-family-en {
  font-family: var(--nom-font-family-en);
}
.nom-preset-invalid {
  color: var(--nom-color-text-0);
  background-color: rgba(var(--nom-red-5), 0.1);
  border-color: var(--nom-color-danger) !important;
}
.nom-preset-bold {
  font-weight: 500;
}
.nom-preset-bolder {
  font-weight: 800;
}
body {
  --nom-scrollbar-width: 8px;
  --nom-scrollbar-thumb-bg: var(--nom-color-fill-2);
  --nom-scrollbar-thumb-border-radius: 6px;
  --nom-scrollbar-track-bg: transparent;
  --nom-scrollbar-corner-bg: transparent;
  --nom-font-family-en: tahoma, arial, 'Helvetica Neue', helvetica, sans-serif;
  --nom-text-color: var(--nom-color-text-0);
  --nom-text-color-muted: var(--nom-color-text-3);
  --nom-border-radius: 4px;
  --nom-border-radius-sm: 0.2rem;
  --nom-border-radius-lg: 0.3rem;
  --nom-border-color: var(--nom-color-border);
  --nom-bg-color: var(--nom-color-bg-0);
  --nom-input-color: var(--nom-text-color);
  --nom-input-placeholder-color: var(--nom-color-text-2);
  --nom-input-bg: var(--nom-color-bg-0);
  --nom-input-bg-disabled: var(--nom-color-disabled-bg);
  --nom-control-icon-color: var(--nom-color-text-1);
  --nom-field-gutter-base: 0.5rem;
  --nom-checkbox-bg: transparent;
  --nom-checkbox-border-color: var(--nom-border-color);
  --nom-checkbox-border-radius: 1px;
  --nom-checkbox-checker-color: var(--nom-color-white);
  --nom-checkbox-part-checker-color: var(--nom-color-primary);
  --nom-checkbox-part-checker-border-radius: 0;
  --nom-checkbox-checked-bg: var(--nom-color-primary);
  --nom-checkbox-checked-border-color: var(--nom-checkbox-checked-bg);
  --nom-checkbox-bg-hover: var(--nom-color-hover);
  --nom-checkbox-checked-bg-hover: var(--nom-color-primary-hover);
  --nom-checkbox-box-shadow: none;
  --nom-checkbox-checker-box-shadow: none;
  --nom-button-bg: var(--nom-color-fill-0);
  --nom-layer-background-color: var(--nom-color-bg-3);
  --nom-layer-border: transparent;
  --nom-layer-border-radius: 6px;
  --nom-layer-box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.5), 0 10px 15px -5px rgba(0, 0, 0, 0.15);
  --nom-layer-backdrop-color: rgba(0, 0, 0, 0.55);
  --nom-select-selected-item-bg: var(--nom-color-fill-0);
  --nom-select-selected-item-border-color: var(--nom-border-color);
  --nom-select-selected-item-padding: 0 5px;
  --nom-date-picker-divider: 1px solid var(--nom-border-color);
  --nom-date-picker-header-text-color: var(--nom-color-text-2);
  --nom-rate-color: rgba(var(--nom-yellow-5), 1);
  --nom-rate-color-muted: rgba(var(--nom-grey-2), 1);
  --nom-tooltip-background-color: rgba(var(--nom-grey-8), 1);
  --nom-tooltip-color: var(--nom-color-bg-0);
  --nom-tooltip-border-radius: 6px;
  --nom-avatar-color: rgba(var(--nom-white), 1);
  --nom-avatar-background-color: var(--nom-color-primary-light-active);
  --nom-avatar-border-color: rgba(var(--nom-white), 1);
  --nom-avatar-border-radius: 50%;
  --nom-badge-background-color: rgba(var(--nom-white), 1);
  --nom-tag-background-color: rgba(var(--nom-white), 1);
  --nom-tag-remove-color: rgba(var(--nom-white), 1);
  --nom-tag-remove-basic-color: rgba(var(--nom-grey-8), 1);
  --nom-statistic-title-color: rgba(var(--nom-grey-5), 1);
  --nom-statistic-content-color: rgba(var(--nom-grey-9), 0.85);
  --nom-carousel-bullet-width: 28px;
  --nom-carousel-bullet-height: 4px;
  --nom-carousel-bullet-radius: 0;
  --nom-carousel-bullet-theme: rgba(var(--nom-white), 1);
  --nom-carousel-bullet-color: rgba(var(--nom-grey-9), 0.3);
  --nom-carousel-button-color: rgba(var(--nom-grey-9), 0.3);
  --nom-carousel-button-hover-color: rgba(var(--nom-grey-9), 0.5);
  --nom-grid-background-color: var(--nom-color-white);
  --nom-grid-header-background-color: var(--nom-color-white);
  --nom-grid-header-border: 1px solid var(--nom-border-color);
  --nom-grid-th-bg: var(--nom-color-white);
  --nom-grid-th-bg-image: none;
  --nom-grid-th-color: var(--nom-color-text-2);
  --nom-grid-th-font-weight: 600;
  --nom-grid-icon-color: var(--nom-control-icon-color);
  --nom-grid-icon-color-active: var(--nom-color-primary);
  --nom-grid-highlight-bg: #fcfaee;
  --nom-grid-tr-bg-hover: #f9f9fa;
  --nom-grid-tr-striped-bg: #fdfdfd;
  --nom-grid-tr-striped-bg-hover: var(--nom-grid-tr-bg-hover);
  --nom-grid-tr-bg-selected: #fffaef;
  --nom-grid-col-highlight-bg: rgba(221, 205, 79, 0.1);
  --nom-grid-td-padding: 8px 10px;
  --nom-grid-tr-modified-bg: #f5f2ff;
  --nom-grid-tr-modified-bg-hover: #f2edff;
  --nom-menu-divider-border: 1px solid var(--nom-border-color);
  --nom-menu-group-title-color: var(--nom-color-text-2);
  --nom-panel-header-bg-color: var(--nom-color-fill-0);
  --nom-panel-border-radius: var(--nom-border-radius);
  --nom-tabs-card-bg-color: var(--nom-panel-header-bg-color);
  --nom-tabs-card-selected-bg-color: var(--nom-color-white);
  --nom-tabs-card-border-radius: var(--nom-border-radius);
  --nom-pager-color: var(--nom-text-color);
  --nom-pager-border-radius: 4px;
  --nom-pager-item-bg-color: transparent;
  --nom-pager-item-border-color: transparent;
  --nom-pager-item-bg-color-selected: rgba(var(--nom-color-primary-base), 0.075);
  --nom-pager-item-border-color-selected: transparent;
  --nom-breadcrumb-padding: 10px 14px;
  --nom-breadcrumb-font-color: rgba(var(--nom-black), 0.45);
  --nom-breadcrumb-link-color: rgba(var(--nom-black), 0.85);
  --nom-breadcrumb-link-hover-color: var(--nom-color-primary-hover);
  --nom-drawer-default-size: 256px;
  --nom-drawer-header-padding: 16px 24px;
  --nom-drawer-content-padding: 24px;
  --nom-drawer-footer-padding: 10px 16px;
  --nom-drawer-body-color: var(--nom-bg-color);
  --nom-drawer-mask-bg-color: rgba(var(--nom-black), 0.45);
  --nom-drawer-line-color: var(--nom-border-color);
  --nom-statistic-title-bottom: 4px;
  --nom-statistic-title-opacity: 0.45;
  --nom-statistic-content-color: var(--nom-text-color);
  --nom-statistic-content-fontsize: 24px;
  --nom-statistic-content-affixes-margin: 4px;
  --nom-switch-bg-color: rgba(var(--nom-grey-6), 1);
  --nom-switch-btn-bg-color: rgba(var(--nom-white), 1);
  --nom-switch-indicator-bg-color: rgba(var(--nom-white), 1);
  --nom-switch-disable-color: var(--nom-color-disabled-bg);
  --nom-switch-disable-text: var(--nom-color-disabled-text);
  --nom-switch-font-size-xs: 1rem * 0.75;
  --nom-process-steps-item-bg: var(--nom-color-fill-0);
  --nom-process-remaining-color: var(--nom-color-fill-0);
  --nom-skeleton-bg-default: var(--nom-color-fill-0);
  --nom-skeleton-bg-active: var(--nom-color-fill-1);
  --nom-backtop-color: var(--nom-color-primary);
  --nom-backtop-color-hover: var(--nom-color-primary);
  --nom-backtop-bg-default: var(--nom-color-fill-0);
  --nom-backtop-bg-hover: var(--nom-color-fill-1);
  --nom-backtop-border-radius: 2px;
  --nom-backtop-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  --nom-result-title-color: var(--nom-text-color);
  --nom-result-subtitle-color: var(--nom-color-text-2);
  --nom-result-icon-action-font-size: 72px;
  --nom-result-title-font-size: 24px;
  --nom-result-subtitle-font-size: 1rem;
  --nom-result-content-bg: var(--nom-color-bg-1);
  --nom-slide-captcha-color: var(--nom-text-color);
  --nom-slide-captcha-font-size: 13px;
  --nom-slide-captcha-drag-bg: var(--nom-color-fill-1);
  --nom-slide-captcha-small-drag-border-color: 1px solid var(--nom-color-white);
  --nom-slide-captcha-small-drag-box-shadow: 0 0 15px var(--nom-color-info);
  --nom-slide-captcha-refresh-bg: var(--nom-color-white);
  --nom-slider-color: var(--nom-color-primary);
  --nom-slider-handle-color: rgba(var(--nom-white), 1);
  --nom-slider-rail-color: rgba(var(--nom-grey-1), 1);
  --nom-slider-disabled-color: rgba(var(--nom-grey-4), 1);
  --nom-transfer-border-radius: 4px;
  --nom-transfer-border: 1px solid var(--nom-border-color);
  --nom-tree-selected-color: var(--nom-color-primary-light-default);
  --nom-layout-border-color: var(--nom-border-color);
  --nom-divider-border-color: var(--nom-border-color);
  --nom-divider-header-color: var(--nom-text-color);
  --nom-icon-bg-color: var(--nom-color-fill-2);
  --nom-collapse-icon-color: var(--nom-text-color);
  --nom-step-item-icon-size: 2rem;
  --nom-step-item-title-fontsize: 16px;
  --nom-step-item-fontsize: 1rem;
  --nom-step-item-icon-bg-color: rgb(var(--nom-white));
  --nom-step-line-color: rgb(var(--nom-grey-4));
  --nom-step-line-primary-color: var(--nom-color-text-0);
  --nom-step-line-subtitle-color: var(--nom-color-text-2);
  --nom-step-border-color: var(--nom-border-color);
  --nom-uploader-file-img-size: 48px;
  --nom-tour-backdrop-color: var(--nom-layer-backdrop-color);
  --nom-tour-rect-radius: 4px;
  --nom-tour-close-color: rgba(var(--nom-grey-5), 1);
  --nom-tour-close-hover-color: rgba(var(--nom-grey-9), 1);
  --nom-tour-navi-text-color: rgba(var(--nom-grey-9), 0.5);
}
/* stylelint-disable custom-property-empty-line-before */
body,
body[theme-mode='dark'] .nom-always-light {
  --nom-color-white: rgba(var(--nom-white), 1);
  --nom-color-black: rgba(var(--nom-black), 1);
  --nom-color-primary-base: var(--nom-indigo-5);
  --nom-color-primary-darken: rgba(var(--nom-indigo-6), 1);
  --nom-color-primary: rgba(var(--nom-indigo-5), 1);
  --nom-color-primary-hover: rgba(var(--nom-indigo-6), 1);
  --nom-color-primary-active: rgba(var(--nom-indigo-7), 1);
  --nom-color-primary-disabled: rgba(var(--nom-indigo-2), 1);
  --nom-color-primary-light-default: rgba(var(--nom-indigo-0), 1);
  --nom-color-primary-light-hover: rgba(var(--nom-indigo-1), 1);
  --nom-color-primary-light-active: rgba(var(--nom-indigo-2), 1);
  --nom-color-success: rgba(var(--nom-green-5), 1);
  --nom-color-success-hover: rgba(var(--nom-green-6), 1);
  --nom-color-success-active: rgba(var(--nom-green-7), 1);
  --nom-color-success-disabled: rgba(var(--nom-green-2), 1);
  --nom-color-success-light-default: rgba(var(--nom-green-0), 1);
  --nom-color-success-light-hover: rgba(var(--nom-green-1), 1);
  --nom-color-success-light-active: rgba(var(--nom-green-2), 1);
  --nom-color-info: rgba(var(--nom-blue-5), 1);
  --nom-color-info-hover: rgba(var(--nom-blue-6), 1);
  --nom-color-info-active: rgba(var(--nom-blue-7), 1);
  --nom-color-info-disabled: rgba(var(--nom-blue-2), 1);
  --nom-color-info-light-default: rgba(var(--nom-blue-0), 1);
  --nom-color-info-light-hover: rgba(var(--nom-blue-1), 1);
  --nom-color-info-light-active: rgba(var(--nom-blue-2), 1);
  --nom-color-warning: rgba(var(--nom-orange-5), 1);
  --nom-color-warning-hover: rgba(var(--nom-orange-6), 1);
  --nom-color-warning-active: rgba(var(--nom-orange-7), 1);
  --nom-color-warning-light-default: rgba(var(--nom-orange-0), 1);
  --nom-color-warning-light-hover: rgba(var(--nom-orange-1), 1);
  --nom-color-warning-light-active: rgba(var(--nom-orange-2), 1);
  --nom-color-danger: rgba(var(--nom-red-5), 1);
  --nom-color-danger-hover: rgba(var(--nom-red-6), 1);
  --nom-color-danger-active: rgba(var(--nom-red-7), 1);
  --nom-color-danger-light-default: rgba(var(--nom-red-0), 1);
  --nom-color-danger-light-hover: rgba(var(--nom-red-1), 1);
  --nom-color-danger-light-active: rgba(var(--nom-red-2), 1);
  --nom-color-disabled-text: rgba(var(--nom-grey-9), 0.35);
  --nom-color-disabled-border: rgba(var(--nom-grey-1), 1);
  --nom-color-disabled-bg: rgba(var(--nom-grey-1), 1);
  --nom-color-disabled-fill: rgba(var(--nom-grey-8), 0.04);
  --nom-color-text-0: rgba(var(--nom-grey-9), 1);
  --nom-color-text-1: rgba(var(--nom-grey-9), 0.8);
  --nom-color-text-2: rgba(var(--nom-grey-9), 0.6);
  --nom-color-text-3: rgba(var(--nom-grey-9), 0.35);
  --nom-color-shadow: rgba(var(--nom-black), 0.04);
  --nom-color-border: rgba(var(--nom-grey-9), 0.15);
  --nom-color-menu-bg: rgba(var(--nom-white), 1);
  --nom-color-hover: rgba(var(--nom-grey-6), 0.05);
  --nom-color-fill-0: rgba(var(--nom-grey-6), 0.05);
  --nom-color-fill-1: rgba(var(--nom-grey-8), 0.09);
  --nom-color-fill-2: rgba(var(--nom-grey-8), 0.13);
  --nom-color-bg-0: rgba(var(--nom-white), 1);
  --nom-color-bg-1: rgba(var(--nom-white), 1);
  --nom-color-bg-2: rgba(var(--nom-white), 1);
  --nom-color-bg-3: rgba(var(--nom-white), 1);
  --nom-color-bg-4: rgba(var(--nom-white), 1);
}
body[theme-mode='dark'],
body .nom-always-dark {
  --nom-color-fill-0: rgba(var(--nom-white), 0.12);
  --nom-color-fill-1: rgba(var(--nom-white), 0.16);
  --nom-color-fill-2: rgba(var(--nom-white), 0.2);
  --nom-color-border: rgba(var(--nom-white), 0.08);
  --nom-color-menu-bg: #232429;
  --nom-color-bg-0: #16161a;
  --nom-color-bg-1: #232429;
  --nom-color-bg-2: #35363c;
  --nom-color-bg-3: #43444a;
  --nom-color-bg-4: #4f5159;
}
.nom-expandable-animate-show {
  -webkit-animation: nom-expandable-keyframe-show 0.12s linear forwards;
  animation: nom-expandable-keyframe-show 0.12s linear forwards;
}
.nom-expandable-animate-hide {
  -webkit-animation: nom-expandable-keyframe-hide 0.12s linear forwards;
  animation: nom-expandable-keyframe-hide 0.12s linear forwards;
}
@-webkit-keyframes nom-expandable-keyframe-show {
  0% {
    max-height: 0;
    overflow: hidden;
  }
  90% {
    max-height: 100px;
    overflow: hidden;
  }
  to {
    max-height: none;
    overflow: auto;
  }
}
@keyframes nom-expandable-keyframe-show {
  0% {
    max-height: 0;
    overflow: hidden;
  }
  90% {
    max-height: 100px;
    overflow: hidden;
  }
  to {
    max-height: none;
    overflow: auto;
  }
}
@-webkit-keyframes nom-expandable-keyframe-hide {
  0% {
    max-height: 100px;
    overflow: hidden;
  }
  90% {
    max-height: 0;
    overflow: hidden;
  }
  to {
    max-height: none;
    overflow: auto;
  }
}
@keyframes nom-expandable-keyframe-hide {
  0% {
    max-height: 100px;
    overflow: hidden;
  }
  90% {
    max-height: 0;
    overflow: hidden;
  }
  to {
    max-height: none;
    overflow: auto;
  }
}
.markdown-article {
  max-width: 1300px;
  padding: 20px 60px;
}
.markdown-article * {
  color: #34495e;
}
.markdown-article p {
  box-sizing: border-box !important;
  min-height: 1em !important;
  margin: 20px 0 !important;
  line-height: 1.7 !important;
  letter-spacing: 1px !important;
  text-align: justify;
  word-wrap: break-word !important;
}
.markdown-article blockquote {
  margin: 0;
  padding: 0 15px !important;
  border-left: 4px solid var(--nom-color-primary);
}
.markdown-article strong {
  font-weight: bold;
}
.markdown-article body {
  font-size: 15px;
}
.markdown-article pre {
  padding: 12px 13px;
  font-size: 13px;
  word-wrap: break-word;
  background: #f8f8f8;
  border-radius: 3px;
}
.markdown-article h1,
.markdown-article h2,
.markdown-article h3,
.markdown-article h4,
.markdown-article h5,
.markdown-article h6 {
  position: relative;
  margin: 20px 0;
  padding-bottom: 0.3em;
  color: #2c3e50;
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  word-break: break-all !important;
}
.markdown-article h1::before,
.markdown-article h2::before,
.markdown-article h3::before {
  position: absolute;
  top: -2px;
  left: -0.8em;
  color: var(--nom-color-primary);
  font-weight: bold;
  font-size: 1.2em;
  content: '#';
}
.markdown-article h1 {
  /* border-bottom: 8px solid #71BA51 !important; */
  font-size: 20px !important;
}
.markdown-article h2 {
  /* border-bottom: 5px solid #71BA51 !important; */
  font-size: 18px !important;
}
.markdown-article h3 {
  /* border-bottom: 5px solid #71BA51 !important; */
  font-size: 16px !important;
}
.markdown-article a {
  color: var(--nom-color-primary) !important;
  text-decoration: none !important;
}
.markdown-article ul,
.markdown-article ol {
  padding-left: 30px;
}
.markdown-article li {
  line-height: 24px;
}
.markdown-article hr {
  box-sizing: content-box;
  height: 4px;
  margin: 16px 0;
  padding: 0;
  overflow: hidden;
  background-color: #e7e7e7;
  border: 0 none;
  border-bottom: 1px solid #ddd;
}
.markdown-article code {
  margin: 0 2px;
  padding: 3px 5px;
  color: #e96900;
  white-space: inherit;
  background-color: #f8f8f8;
  border-radius: 2px;
}
.markdown-article table {
  width: 100%;
  word-break: break-all;
  table-layout: fixed;
}
.markdown-article table th,
.markdown-article table td {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.markdown-article table th:nth-child(1),
.markdown-article table td:nth-child(1) {
  width: 15%;
}
.markdown-article table th:nth-child(2),
.markdown-article table td:nth-child(2) {
  min-width: 40%;
}
.markdown-article table th:nth-child(3),
.markdown-article table td:nth-child(3) {
  width: 30%;
}
.markdown-article table th:nth-child(4),
.markdown-article table td:nth-child(4) {
  width: 15%;
}
.nom-layout-body > #DemoContent {
  height: 100%;
}
.nom-layout-body > #DemoContent > .nom-tab-panel {
  height: 100%;
}
.nom-app {
  width: 100%;
  height: 100%;
}
.nom-container {
  margin-right: auto;
  margin-left: auto;
}
.nom-container.p-type-lg {
  width: 960px;
}
.nom-container,
.p-fluid,
.p-breakpoint-lg,
.p-breakpoint-md,
.p-breakpoint-sm,
.p-breakpoint-xl,
.p-breakpoint-xxl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .nom-container,
  .p-breakpoint-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .nom-container,
  .p-breakpoint-md,
  .p-breakpoint-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .nom-container,
  .p-breakpoint-lg,
  .p-breakpoint-md,
  .p-breakpoint-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .nom-container,
  .p-breakpoint-lg,
  .p-breakpoint-md,
  .p-breakpoint-sm,
  .p-breakpoint-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .nom-container,
  .p-breakpoint-lg,
  .p-breakpoint-md,
  .p-breakpoint-sm,
  .p-breakpoint-xl,
  .p-breakpoint-xxl {
    max-width: 1320px;
  }
}
.nom-rows {
  align-items: center;
}
.nom-rows.p-align-start {
  align-items: flex-start !important;
}
.nom-rows.p-align-end {
  align-items: flex-end !important;
}
.nom-rows.p-align-center {
  align-items: center !important;
}
.nom-rows.p-align-stretch {
  align-items: stretch !important;
}
.nom-rows.p-justify-start {
  justify-content: flex-start !important;
}
.nom-rows.p-justify-end {
  justify-content: flex-end !important;
}
.nom-rows.p-justify-center {
  justify-content: center !important;
}
.nom-rows.p-justify-between {
  justify-content: space-between !important;
}
.nom-rows.p-justify-around {
  justify-content: space-around !important;
}
.nom-rows.p-gutter-sm > .nom-row {
  margin-bottom: 0.5rem;
}
.nom-rows.p-gutter-sm > .nom-row:last-child {
  margin-bottom: 0;
}
.nom-rows.p-gutter-md > .nom-row {
  margin-bottom: 1rem;
}
.nom-rows.p-gutter-md > .nom-row:last-child {
  margin-bottom: 0;
}
.nom-rows.p-gutter-lg > .nom-row {
  margin-bottom: 1.5rem;
}
.nom-rows.p-gutter-lg > .nom-row:last-child {
  margin-bottom: 0;
}
.nom-cols {
  display: flex;
  align-items: center;
}
.nom-cols .nom-col.nom-col-strech {
  flex-grow: 2 !important;
  width: 0;
}
.nom-cols.p-inline {
  display: inline-flex;
}
.nom-cols.p-align-start {
  align-items: flex-start !important;
}
.nom-cols.p-align-end {
  align-items: flex-end !important;
}
.nom-cols.p-align-center {
  align-items: center !important;
}
.nom-cols.p-align-stretch {
  align-items: stretch !important;
}
.nom-cols.p-justify-start {
  justify-content: flex-start !important;
}
.nom-cols.p-justify-end {
  justify-content: flex-end !important;
}
.nom-cols.p-justify-center {
  justify-content: center !important;
}
.nom-cols.p-justify-between {
  justify-content: space-between !important;
}
.nom-cols.p-justify-around {
  justify-content: space-around !important;
}
.nom-cols.p-fills > .nom-col {
  flex: 1 1 auto !important;
}
.nom-cols.p-fills > .nom-col.nom-col-strech {
  flex-grow: 2 !important;
  width: 0;
}
.nom-cols.p-gutter-sm > .nom-col {
  margin-right: 0.5rem;
}
.nom-cols.p-gutter-sm > .nom-col:last-child {
  margin-right: 0;
}
.nom-cols.p-gutter-md > .nom-col {
  margin-right: 1rem;
}
.nom-cols.p-gutter-md > .nom-col:last-child {
  margin-right: 0;
}
.nom-cols.p-gutter-lg > .nom-col {
  margin-right: 1.5rem;
}
.nom-cols.p-gutter-lg > .nom-col:last-child {
  margin-right: 0;
}
.nom-flex {
  display: flex;
}
.nom-flex.p-direction-row {
  flex-direction: row;
}
.nom-flex.p-direction-column {
  flex-direction: column;
}
.nom-flex.p-inline {
  display: inline-flex;
}
.nom-flex.p-wrap {
  flex-wrap: wrap;
}
.nom-flex.p-fit {
  height: 100%;
}
.nom-flex.p-fit.p-direction-row > .nom-flex-item.p-is-body {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
}
.nom-flex.p-fit.p-direction-column > .nom-flex-item.p-is-body {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}
.nom-flex.p-fills > .nom-flex-item {
  flex: 1 1 auto !important;
}
.nom-flex.p-align-start {
  align-items: flex-start !important;
}
.nom-flex.p-align-end {
  align-items: flex-end !important;
}
.nom-flex.p-align-center {
  align-items: center !important;
}
.nom-flex.p-align-center > .nom-flex-item {
  display: flex;
}
.nom-flex.p-align-stretch {
  align-items: stretch !important;
}
.nom-flex.p-justify-start {
  justify-content: flex-start !important;
}
.nom-flex.p-justify-end {
  justify-content: flex-end !important;
}
.nom-flex.p-justify-center {
  justify-content: center !important;
}
.nom-flex.p-justify-between {
  justify-content: space-between !important;
}
.nom-flex.p-justify-around {
  justify-content: space-around !important;
}
.nom-flex > .nom-flex-item.p-grow {
  flex-grow: 1 !important;
}
.nom-flex > .nom-flex-item.p-shrink {
  flex-shrink: 1 !important;
}
.nom-flex.p-gap-small.p-direction-row > .nom-flex-item {
  margin-right: 0.5rem;
}
.nom-flex.p-gap-small.p-direction-row > .nom-flex-item:last-child {
  margin-right: 0;
}
.nom-flex.p-gap-small.p-direction-row.p-wrap > .nom-flex-item {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.nom-flex.p-gap-small.p-direction-column > .nom-flex-item {
  margin-bottom: 0.5rem;
}
.nom-flex.p-gap-small.p-direction-column > .nom-flex-item:last-child {
  margin-bottom: 0;
}
.nom-flex.p-gap-medium.p-direction-row > .nom-flex-item {
  margin-right: 1rem;
}
.nom-flex.p-gap-medium.p-direction-row > .nom-flex-item:last-child {
  margin-right: 0;
}
.nom-flex.p-gap-medium.p-direction-row.p-wrap > .nom-flex-item {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.nom-flex.p-gap-medium.p-direction-column > .nom-flex-item {
  margin-bottom: 1rem;
}
.nom-flex.p-gap-medium.p-direction-column > .nom-flex-item:last-child {
  margin-bottom: 0;
}
.nom-flex.p-gap-large.p-direction-row > .nom-flex-item {
  margin-right: 1.5rem;
}
.nom-flex.p-gap-large.p-direction-row > .nom-flex-item:last-child {
  margin-right: 0;
}
.nom-flex.p-gap-large.p-direction-row.p-wrap > .nom-flex-item {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.nom-flex.p-gap-large.p-direction-column > .nom-flex-item {
  margin-bottom: 1.5rem;
}
.nom-flex.p-gap-large.p-direction-column > .nom-flex-item:last-child {
  margin-bottom: 0;
}
.nom-flex.p-gutter-small.p-direction-row {
  margin: 0 -0.25rem !important;
}
.nom-flex.p-gutter-small.p-direction-row > .nom-flex-item {
  padding: 0 0.25rem !important;
}
.nom-flex.p-gutter-small.p-direction-row.p-wrap {
  margin: -0.25rem -0.25rem !important;
}
.nom-flex.p-gutter-small.p-direction-row.p-wrap > .nom-flex-item {
  padding: 0.25rem 0.25rem !important;
}
.nom-flex.p-gutter-small.p-direction-column {
  margin: -0.25rem 0 !important;
}
.nom-flex.p-gutter-small.p-direction-column > .nom-flex-item {
  padding: 0.25rem 0 !important;
}
.nom-flex.p-gutter-medium.p-direction-row {
  margin: 0 -0.5rem !important;
}
.nom-flex.p-gutter-medium.p-direction-row > .nom-flex-item {
  padding: 0 0.5rem !important;
}
.nom-flex.p-gutter-medium.p-direction-row.p-wrap {
  margin: -0.5rem -0.5rem !important;
}
.nom-flex.p-gutter-medium.p-direction-row.p-wrap > .nom-flex-item {
  padding: 0.5rem 0.5rem !important;
}
.nom-flex.p-gutter-medium.p-direction-column {
  margin: -0.5rem 0 !important;
}
.nom-flex.p-gutter-medium.p-direction-column > .nom-flex-item {
  padding: 0.5rem 0 !important;
}
.nom-flex.p-gutter-large.p-direction-row {
  margin: 0 -0.75rem !important;
}
.nom-flex.p-gutter-large.p-direction-row > .nom-flex-item {
  padding: 0 0.75rem !important;
}
.nom-flex.p-gutter-large.p-direction-row.p-wrap {
  margin: -0.75rem -0.75rem !important;
}
.nom-flex.p-gutter-large.p-direction-row.p-wrap > .nom-flex-item {
  padding: 0.75rem 0.75rem !important;
}
.nom-flex.p-gutter-large.p-direction-column {
  margin: -0.75rem 0 !important;
}
.nom-flex.p-gutter-large.p-direction-column > .nom-flex-item {
  padding: 0.75rem 0 !important;
}
.nom-flex.p-gutter-1px.p-direction-row {
  margin: 0 -0.5px !important;
}
.nom-flex.p-gutter-1px.p-direction-row > .nom-flex-item {
  padding: 0 0.5px !important;
}
.nom-flex.p-gutter-1px.p-direction-row.p-wrap {
  margin: -0.5px -0.5px !important;
}
.nom-flex.p-gutter-1px.p-direction-row.p-wrap > .nom-flex-item {
  padding: 0.5px 0.5px !important;
}
.nom-flex.p-gutter-1px.p-direction-column {
  margin: -0.5px 0 !important;
}
.nom-flex.p-gutter-1px.p-direction-column > .nom-flex-item {
  padding: 0.5px 0 !important;
}
.nom-flex.p-gutter-2px.p-direction-row {
  margin: 0 -1px !important;
}
.nom-flex.p-gutter-2px.p-direction-row > .nom-flex-item {
  padding: 0 1px !important;
}
.nom-flex.p-gutter-2px.p-direction-row.p-wrap {
  margin: -1px -1px !important;
}
.nom-flex.p-gutter-2px.p-direction-row.p-wrap > .nom-flex-item {
  padding: 1px 1px !important;
}
.nom-flex.p-gutter-2px.p-direction-column {
  margin: -1px 0 !important;
}
.nom-flex.p-gutter-2px.p-direction-column > .nom-flex-item {
  padding: 1px 0 !important;
}
.nom-layout > .nom-layout-header {
  height: 4rem;
  border-bottom: 1px solid var(--nom-layout-border-color);
}
.nom-layout > .nom-layout-footer {
  min-height: 4rem;
  border-top: 1px solid var(--nom-layout-border-color);
}
.nom-layout.p-fit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nom-layout.p-fit > .nom-layout-body {
  flex: 1;
  height: 100%;
  overflow: auto;
}
.nom-layout.p-fit.p-has-sider {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.nom-layout.p-fit.p-has-sider > .nom-layout-sider {
  width: 250px;
  height: 100%;
  overflow: auto;
  border-right: 1px solid var(--nom-border-color);
}
.nom-layout.p-fit.p-has-sider > .nom-layout-asider {
  width: 250px;
  height: 100%;
  overflow: auto;
  border-left: 1px solid var(--nom-border-color);
}
.nom-layout.p-fit.p-has-sider > .nom-layout-body {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
}
.nom-caption {
  display: flex;
  align-items: center;
}
.nom-caption:not(.p-subtitle-wrap) > .nom-caption-title > small {
  margin-left: 6px;
}
.nom-caption.p-subtitle-wrap > .nom-caption-title > small {
  display: block;
  margin-top: 3px;
}
.nom-caption > .nom-caption-icon + .nom-caption-title {
  margin-left: 6px;
}
.nom-caption > .nom-caption-image + .nom-caption-title {
  margin-left: 6px;
}
.nom-panel {
  background-color: var(--nom-bg-color);
  border-radius: var(--nom-panel-border-radius);
}
.nom-panel > .nom-panel-header {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 3.5rem;
}
.nom-panel > .nom-panel-header > .nom-panel-header-nav {
  flex-grow: 1;
}
.nom-panel > .nom-panel-header > .nom-panel-header-tools {
  padding-left: 1rem;
  text-align: right;
}
.nom-panel > .nom-panel-footer {
  display: flex;
  align-items: center;
  min-height: 3.5rem;
}
.nom-panel.p-uistyle-outline {
  border: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-outline > .nom-panel-header {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-outline > .nom-panel-body {
  padding: 1rem !important;
}
.nom-panel.p-uistyle-outline > .nom-panel-body > .u-attached {
  margin-right: -1rem;
  margin-left: -1rem;
}
.nom-panel.p-uistyle-outline > .nom-panel-body > .u-attached:last-child {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.nom-panel.p-uistyle-outline > .nom-panel-footer {
  border-top: 1px solid var(--nom-border-color);
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.nom-panel.p-uistyle-bordered {
  border: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-bordered > .nom-panel-header {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.nom-panel.p-uistyle-bordered > .nom-panel-body {
  padding: 1rem !important;
}
.nom-panel.p-uistyle-bordered > .nom-panel-body > .u-attached {
  margin-right: -1rem;
  margin-left: -1rem;
}
.nom-panel.p-uistyle-bordered > .nom-panel-body > .u-attached:last-child {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.nom-panel.p-uistyle-bordered > .nom-panel-footer {
  border-top: 1px solid var(--nom-border-color);
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.nom-panel.p-uistyle-splitline > .nom-panel-header {
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-splitline > .nom-panel-body {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.nom-panel.p-uistyle-splitline > .nom-panel-footer {
  border-top: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-card {
  border: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-card > .nom-panel-header {
  background-color: var(--nom-panel-header-bg-color);
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-card > .nom-panel-body {
  padding: 1rem !important;
}
.nom-panel.p-uistyle-card > .nom-panel-body > .u-attached {
  margin-right: -1rem;
  margin-left: -1rem;
}
.nom-panel.p-uistyle-card > .nom-panel-body > .u-attached:last-child {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.nom-panel.p-uistyle-card > .nom-panel-footer {
  border-top: 1px solid var(--nom-border-color);
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.nom-panel.p-uistyle-default {
  border: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-default > .nom-panel-header {
  background-color: var(--nom-panel-header-bg-color);
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-panel.p-uistyle-default > .nom-panel-body {
  padding: 1rem !important;
}
.nom-panel.p-uistyle-default > .nom-panel-body > .u-attached {
  margin-right: -1rem;
  margin-left: -1rem;
}
.nom-panel.p-uistyle-default > .nom-panel-body > .u-attached:last-child {
  margin-top: 1rem;
  margin-bottom: -1rem;
}
.nom-panel.p-uistyle-default > .nom-panel-footer {
  border-top: 1px solid var(--nom-border-color);
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.nom-panel.p-fit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nom-panel.p-fit > .nom-panel-body {
  flex: 1;
  height: 100%;
  overflow: auto;
}
@keyframes nom-spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.nom-spinner {
  color: var(--nom-color-primary);
}
.nom-spinner.p-type-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.2em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: nom-spinner-border 0.75s linear infinite;
  animation: nom-spinner-border 0.75s linear infinite;
}
.nom-layer-backdrop {
  background-color: rgba(0, 0, 0, 0.05);
}
.nom-layer-animate-show {
  -webkit-animation: nom-layer-keyframe-bounce-in 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: nom-layer-keyframe-bounce-in 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.nom-layer-animate-hide {
  -webkit-animation: nom-layer-keyframe-zoom-out 90ms linear forwards;
  animation: nom-layer-keyframe-zoom-out 90ms linear forwards;
}
.nom-layer-mask-animate-show {
  -webkit-animation: nom-layer-mask-keyframe-show 90ms ease forwards;
  animation: nom-layer-mask-keyframe-show 90ms ease forwards;
}
.nom-layer-mask-animate-hide {
  -webkit-animation: nom-layer-mask-keyframe-hide 90ms ease forwards;
  animation: nom-layer-mask-keyframe-hide 90ms ease forwards;
}
@-webkit-keyframes nom-layer-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes nom-layer-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes nom-layer-keyframe-zoom-out {
  0% {
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes nom-layer-keyframe-zoom-out {
  0% {
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes nom-layer-mask-keyframe-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes nom-layer-mask-keyframe-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes nom-layer-mask-keyframe-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes nom-layer-mask-keyframe-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.nom-navbar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.nom-navbar > .nom-navbar-caption-before {
  margin-right: 6px;
}
.nom-navbar > .nom-navbar-caption-after {
  margin-left: 6px;
}
.nom-navbar > .nom-navbar-nav {
  flex-grow: 1;
  padding-left: 1.5rem;
}
.nom-navbar > .nom-navbar-tools {
  padding-left: 1rem;
  text-align: right;
}
.nom-navbar.p-fit > .nom-navbar-nav {
  height: 100%;
}
.nom-notification {
  width: 384px;
}
.nom-notification-container {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-start;
  max-height: 100vh;
  padding: 1rem;
  overflow: hidden;
}
.nom-notification-container.nom-notification-align-topleft {
  top: 0;
  left: 0;
}
.nom-notification-container.nom-notification-align-topright {
  top: 0;
  right: 0;
}
.nom-notification-container.nom-notification-align-bottomleft {
  bottom: 0;
  left: 0;
}
.nom-notification-container.nom-notification-align-bottomright {
  right: 0;
  bottom: 0;
}
.nom-notification-content {
  width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.8rem;
  outline: 0;
  pointer-events: auto;
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
  box-shadow: var(--nom-layer-box-shadow);
}
.nom-notification-content > .nom-notification-body {
  display: flex;
  flex-direction: row;
}
.nom-notification-content > .nom-notification-body > .nom-notification-body-icon {
  padding-top: 0.3rem;
  padding-right: 1rem;
}
.nom-notification-content > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
  font-size: 2rem;
}
.nom-notification-content > .nom-notification-body > .nom-notification-body-content {
  flex: 1;
}
.nom-notification-content > .nom-notification-body > .nom-notification-body-content .nom-notification-title {
  padding: 0.25rem;
  font-weight: 500;
  font-size: 1.5rem;
}
.nom-notification-content > .nom-notification-body > .nom-notification-body-content .nom-notification-description {
  margin: 1rem 0;
  padding: 0.25rem;
}
.nom-notification-content > .nom-notification-actions {
  margin-top: 0.5rem;
  padding-right: 1rem;
  text-align: right;
}
.nom-notification-content.p-type-info > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
  color: var(--nom-color-info);
}
.nom-notification-content.p-type-success > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
  color: var(--nom-color-success);
}
.nom-notification-content.p-type-error > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
  color: var(--nom-color-danger);
}
.nom-notification-content.p-type-warning > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
  color: var(--nom-color-warning);
}
.nom-notification-animate-left-show {
  -webkit-animation: nom-notification-keyframe-left-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
  animation: nom-notification-keyframe-left-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
}
.nom-notification-animate-right-show {
  -webkit-animation: nom-notification-keyframe-right-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
  animation: nom-notification-keyframe-right-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
}
.nom-notification-animate-left-hide {
  -webkit-animation: nom-notification-keyframe-left-hide 0.24s ease forwards;
  animation: nom-notification-keyframe-left-hide 0.24s ease forwards;
}
.nom-notification-animate-right-hide {
  -webkit-animation: nom-notification-keyframe-right-hide 0.24s ease forwards;
  animation: nom-notification-keyframe-right-hide 0.24s ease forwards;
}
@-webkit-keyframes nom-notification-keyframe-left-show {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes nom-notification-keyframe-left-show {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-notification-keyframe-right-show {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes nom-notification-keyframe-right-show {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-notification-keyframe-left-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes nom-notification-keyframe-left-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-notification-keyframe-right-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes nom-notification-keyframe-right-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
.nom-pager .p-justify-around .nom-col:first-child,
.nom-pager .p-justify-between .nom-col:first-child {
  flex-grow: 2;
}
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper .prev .nom-icon,
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper .next .nom-icon,
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper .space .nom-icon {
  position: relative;
  top: 2px;
}
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a {
  display: block;
  padding: 0.35rem 0.85rem;
  color: var(--nom-pager-color);
  text-decoration: none;
  background-color: var(--nom-pager-item-bg-color);
  border: 1px solid var(--nom-pager-item-border-color);
  border-radius: var(--nom-pager-border-radius);
}
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a:not(.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-selected):hover {
  background-color: var(--nom-color-hover);
}
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-disabled {
  color: var(--nom-color-text-2);
}
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-selected {
  color: var(--nom-color-primary);
  font-weight: 500;
  background-color: var(--nom-pager-item-bg-color-selected);
  border-color: var(--nom-pager-item-border-color-selected);
}
.nom-pager .nom-col .nom-pager-select > .nom-field-content > .nom-control {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.nom-pager.nom-pager-compact .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a {
  display: block;
  padding: 0.35rem 0.8rem;
  color: var(--nom-pager-color);
  background-color: var(--nom-bg-color);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-pager-border-radius);
}
.nom-pager.nom-pager-compact .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-selected {
  color: var(--nom-color-primary);
  font-weight: 500;
  border-color: var(--nom-color-primary);
}
.nom-pager.nom-pager-compact .nom-pager-select > .nom-field-content > .nom-control {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  line-height: 1.5rem;
}
.nom-popup.p-uistyle-default {
  text-align: left;
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
  box-shadow: var(--nom-layer-box-shadow);
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.nom-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #343a40;
  font-size: 1rem;
  font-variant: tabular-nums;
  line-height: 1.42857143;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.nom-progress-line {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 1rem;
}
.nom-progress-steps {
  display: inline-block;
}
.nom-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nom-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: var(--nom-process-steps-item-bg);
  transition: all 0.3s;
}
.nom-progress-steps-item-active {
  background: var(--nom-color-primary);
}
.nom-progress-small.nom-progress-line,
.nom-progress-small.nom-progress-line .nom-progress-text .anticon {
  font-size: 0.875rem;
}
.nom-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.nom-progress-show-info .nom-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.nom-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: var(--nom-process-remaining-color);
  border-radius: 100px;
}
.nom-progress-circle-trail {
  stroke: var(--nom-process-remaining-color);
}
.nom-progress-circle-path {
  animation: nom-progress-appear 0.3s;
}
.nom-progress-inner:not(.nom-progress-circle-gradient) .nom-progress-circle-path {
  stroke: var(--nom-color-primary);
}
.nom-progress-success-bg,
.nom-progress-bg {
  position: relative;
  background-color: var(--nom-color-primary);
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.nom-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--nom-color-success);
}
.nom-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: var(--nom-color-black);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.nom-progress-text .anticon {
  font-size: 1rem;
}
.nom-progress-status-active .nom-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--nom-color-bg-0);
  border-radius: 10px;
  opacity: 0;
  animation: nom-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.nom-progress-status-exception .nom-progress-bg {
  background-color: var(--nom-color-danger);
}
.nom-progress-status-exception .nom-progress-text {
  color: var(--nom-color-danger);
}
.nom-progress-status-exception .nom-progress-inner:not(.nom-progress-circle-gradient) .nom-progress-circle-path {
  stroke: var(--nom-color-danger);
}
.nom-progress-status-success .nom-progress-bg {
  background-color: var(--nom-color-success);
}
.nom-progress-status-success .nom-progress-text {
  color: var(--nom-color-success);
}
.nom-progress-status-success .nom-progress-inner:not(.nom-progress-circle-gradient) .nom-progress-circle-path {
  stroke: var(--nom-color-success);
}
.nom-progress-circle .nom-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.nom-progress-circle .nom-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--nom-color-text-0);
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.nom-progress-circle .nom-progress-text .anticon {
  font-size: 1.16666667em;
}
.nom-progress-circle.nom-progress-status-exception .nom-progress-text {
  color: var(--nom-color-danger);
}
.nom-progress-circle.nom-progress-status-success .nom-progress-text {
  color: var(--nom-color-success);
}
@keyframes nom-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.nom-tooltip {
  position: relative;
  max-width: 600px;
  padding: 0.5rem 1rem;
  color: var(--nom-tooltip-color);
  background-color: var(--nom-tooltip-background-color);
  border-radius: var(--nom-tooltip-border-radius);
}
.nom-tooltip .nom-tooltip-arrow {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  color: var(--nom-tooltip-background-color);
  transform: translate(-50%, 10px);
}
.nom-tooltip[tooltip-align='top'] {
  transform: translateY(-8px);
}
.nom-tooltip[tooltip-align='bottom'] {
  transform: translateY(8px);
}
.nom-tooltip[tooltip-align='bottom'] .nom-tooltip-arrow {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -10px) rotate(180deg);
}
.nom-tooltip[tooltip-align='left'] {
  transform: translateX(-8px);
}
.nom-tooltip[tooltip-align='left'] .nom-tooltip-arrow {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translate(12px, -50%) rotate(270deg);
}
.nom-tooltip[tooltip-align='right'] {
  transform: translateX(8px);
}
.nom-tooltip[tooltip-align='right'] .nom-tooltip-arrow {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translate(-12px, -50%) rotate(90deg);
}
.nom-tooltip-animate-top-show {
  -webkit-animation: nom-tooltip-keyframe-bounce-in-top 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: nom-tooltip-keyframe-bounce-in-top 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.nom-tooltip-animate-bottom-show {
  -webkit-animation: nom-tooltip-keyframe-bounce-in-bottom 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: nom-tooltip-keyframe-bounce-in-bottom 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.nom-tooltip-animate-left-show {
  -webkit-animation: nom-tooltip-keyframe-bounce-in-left 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: nom-tooltip-keyframe-bounce-in-left 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.nom-tooltip-animate-right-show {
  -webkit-animation: nom-tooltip-keyframe-bounce-in-right 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: nom-tooltip-keyframe-bounce-in-right 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.nom-tooltip-animate-hide {
  -webkit-animation: nom-tooltip-keyframe-zoom-out 90ms linear forwards;
  animation: nom-tooltip-keyframe-zoom-out 90ms linear forwards;
}
@-webkit-keyframes nom-tooltip-keyframe-bounce-in-top {
  0% {
    -webkit-transform: scale(0.6) translateY(-8px);
    transform: scale(0.6) translateY(-8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateY(-8px);
    transform: scale(1.01) translateY(-8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
    opacity: 1;
  }
}
@keyframes nom-tooltip-keyframe-bounce-in-top {
  0% {
    -webkit-transform: scale(0.6) translateY(-8px);
    transform: scale(0.6) translateY(-8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateY(-8px);
    transform: scale(1.01) translateY(-8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateY(-8px);
    transform: scale(1) translateY(-8px);
    opacity: 1;
  }
}
@-webkit-keyframes nom-tooltip-keyframe-bounce-in-bottom {
  0% {
    -webkit-transform: scale(0.6) translateY(8px);
    transform: scale(0.6) translateY(8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateY(8px);
    transform: scale(1.01) translateY(8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateY(8px);
    transform: scale(1) translateY(8px);
    opacity: 1;
  }
}
@keyframes nom-tooltip-keyframe-bounce-in-bottom {
  0% {
    -webkit-transform: scale(0.6) translateY(8px);
    transform: scale(0.6) translateY(8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateY(8px);
    transform: scale(1.01) translateY(8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateY(8px);
    transform: scale(1) translateY(8px);
    opacity: 1;
  }
}
@-webkit-keyframes nom-tooltip-keyframe-bounce-in-left {
  0% {
    -webkit-transform: scale(0.6) translateX(-8px);
    transform: scale(0.6) translateX(-8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateX(-8px);
    transform: scale(1.01) translateX(-8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateX(-8px);
    transform: scale(1) translateX(-8px);
    opacity: 1;
  }
}
@keyframes nom-tooltip-keyframe-bounce-in-left {
  0% {
    -webkit-transform: scale(0.6) translateX(-8px);
    transform: scale(0.6) translateX(-8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateX(-8px);
    transform: scale(1.01) translateX(-8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateX(-8px);
    transform: scale(1) translateX(-8px);
    opacity: 1;
  }
}
@-webkit-keyframes nom-tooltip-keyframe-bounce-in-right {
  0% {
    -webkit-transform: scale(0.6) translateX(8px);
    transform: scale(0.6) translateX(8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateX(8px);
    transform: scale(1.01) translateX(8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateX(8px);
    transform: scale(1) translateX(8px);
    opacity: 1;
  }
}
@keyframes nom-tooltip-keyframe-bounce-in-right {
  0% {
    -webkit-transform: scale(0.6) translateX(8px);
    transform: scale(0.6) translateX(8px);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.01) translateX(8px);
    transform: scale(1.01) translateX(8px);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) translateX(8px);
    transform: scale(1) translateX(8px);
    opacity: 1;
  }
}
@-webkit-keyframes nom-tooltip-keyframe-zoom-out {
  0% {
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes nom-tooltip-keyframe-zoom-out {
  0% {
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.nom-message {
  display: flex;
  align-items: center;
  background-color: var(--nom-layer-background-color);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-layer-border-radius);
}
.nom-message .nom-message-icon {
  padding-left: 1rem;
  font-size: 1.5rem;
  text-align: center;
}
.nom-message > .nom-message-content {
  padding: 0.75rem;
}
.nom-message.p-type-info {
  background-color: var(--nom-color-info-light-default);
  border: 1px solid var(--nom-color-info);
}
.nom-message.p-type-info > .nom-message-icon {
  color: var(--nom-color-info);
}
.nom-message.p-type-success {
  background-color: var(--nom-color-success-light-default);
  border: 1px solid var(--nom-color-success);
}
.nom-message.p-type-success > .nom-message-icon {
  color: var(--nom-color-success);
}
.nom-message.p-type-warning {
  background-color: var(--nom-color-warning-light-default);
  border: 1px solid var(--nom-color-warning);
}
.nom-message.p-type-warning > .nom-message-icon {
  color: var(--nom-color-warning);
}
.nom-message.p-type-error {
  background-color: var(--nom-color-danger-light-default);
  border: 1px solid var(--nom-color-danger);
}
.nom-message.p-type-error > .nom-message-icon {
  color: var(--nom-color-danger);
}
.nom-message.nom-message-popup {
  background-color: var(--nom-layer-background-color);
  border: var(--nom-layer-border);
  box-shadow: var(--nom-layer-box-shadow);
}
.nom-message-nobg {
  background-color: transparent;
  border-color: transparent;
}
.nom-modal-open {
  overflow: hidden;
}
.nom-modal-open .nom-modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.nom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background-color: var(--nom-layer-backdrop-color);
  outline: 0;
}
.nom-modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.nom-modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.nom-modal-dialog-scrollable .nom-modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.nom-modal-dialog-scrollable .panel-header,
.nom-modal-dialog-scrollable .panel-ft {
  flex-shrink: 0;
}
.nom-modal-dialog-scrollable .panel-body {
  overflow-y: auto;
}
.nom-modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem);
}
.nom-modal-dialog-centered.nom-modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.nom-modal-dialog-centered.nom-modal-dialog-scrollable .nom-modal-content {
  max-height: none;
}
.nom-modal-dialog-centered.nom-modal-dialog-scrollable::before {
  content: none;
}
.nom-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
  outline: 0;
  box-shadow: var(--nom-layer-box-shadow);
  pointer-events: auto;
}
.nom-modal-content > .nom-panel-header {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--nom-border-color);
  border-top-left-radius: var(--nom-layer-border-radius);
  border-top-right-radius: var(--nom-layer-border-radius);
}
.nom-modal-content > .nom-panel-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.nom-modal-content > .nom-panel-footer {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--nom-border-color);
  border-bottom-right-radius: var(--nom-layer-border-radius);
  border-bottom-left-radius: var(--nom-layer-border-radius);
}
.nom-modal.p-size-xsmall .nom-modal-dialog {
  width: 300px;
}
.nom-modal.p-size-small .nom-modal-dialog {
  width: 560px;
}
.nom-modal.p-size-middle .nom-modal-dialog {
  width: 960px;
}
.nom-modal.p-size-medium .nom-modal-dialog {
  width: 960px;
}
.nom-modal.p-size-large .nom-modal-dialog {
  width: 1200px;
}
.nom-modal.p-size-xlarge .nom-modal-dialog {
  width: 100vw;
}
@media (min-width: 576px) {
  .nom-modal-dialog {
    width: 560px;
    margin: 1.75rem auto;
  }
  .p-fit .nom-modal-dialog {
    height: calc(100% - 3.5rem);
  }
  .nom-modal-sm .nom-modal-dialog {
    width: 300px;
  }
}
.nom-modal-content-animate-show {
  -webkit-animation: nom-modal-content-keyframe-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
  animation: nom-modal-content-keyframe-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
}
.nom-modal-content-animate-hide {
  -webkit-animation: nom-modal-content-keyframe-hide 90ms ease forwards;
  animation: nom-modal-content-keyframe-hide 90ms ease forwards;
}
.nom-modal-mask-animate-show {
  -webkit-animation: nom-modal-mask-keyframe-show 90ms ease forwards;
  animation: nom-modal-mask-keyframe-show 90ms ease forwards;
}
.nom-modal-mask-animate-hide {
  -webkit-animation: nom-modal-mask-keyframe-hide 90ms ease forwards;
  animation: nom-modal-mask-keyframe-hide 90ms ease forwards;
}
@-webkit-keyframes nom-modal-content-keyframe-show {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes nom-modal-content-keyframe-show {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes nom-modal-content-keyframe-hide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
}
@keyframes nom-modal-content-keyframe-hide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
}
@-webkit-keyframes nom-modal-mask-keyframe-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes nom-modal-mask-keyframe-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes nom-modal-mask-keyframe-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes nom-modal-mask-keyframe-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.nom-alert > .nom-modal-dialog {
  width: 430px;
}
.nom-alert-content {
  width: 100%;
  padding: 1.5rem;
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
  outline: 0;
  box-shadow: var(--nom-layer-box-shadow);
  pointer-events: auto;
}
.nom-alert-content > .nom-alert-body {
  display: flex;
  flex-direction: row;
}
.nom-alert-content > .nom-alert-body > .nom-alert-body-icon {
  padding-top: 0.3rem;
  padding-right: 0.75rem;
}
.nom-alert-content > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
  font-size: 3rem;
}
.nom-alert-content > .nom-alert-body > .nom-alert-body-content {
  flex-grow: 1;
}
.nom-alert-content > .nom-alert-body > .nom-alert-body-content > .nom-alert-title {
  padding: 0.75rem 0.25rem;
  font-weight: 500;
  font-size: 1.5rem;
}
.nom-alert-content > .nom-alert-body > .nom-alert-body-content > .nom-alert-description {
  margin: 1rem 0;
  padding: 0.25rem;
}
.nom-alert-content > .nom-alert-actions {
  margin-top: 1.5rem;
  padding-right: 1rem;
  text-align: right;
}
.nom-alert-content.p-type-info > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
  color: var(--nom-color-info);
}
.nom-alert-content.p-type-success > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
  color: var(--nom-color-success);
}
.nom-alert-content.p-type-error > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
  color: var(--nom-color-danger);
}
.nom-alert-content.p-type-warning > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
  color: var(--nom-color-warning);
}
.nom-confirm > .nom-modal-dialog {
  width: 430px;
}
.nom-confirm-content {
  width: 100%;
  padding: 1.5rem;
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
  outline: 0;
  box-shadow: var(--nom-layer-box-shadow);
  pointer-events: auto;
}
.nom-confirm-content > .nom-confirm-body {
  display: flex;
  flex-direction: row;
}
.nom-confirm-content > .nom-confirm-body > .nom-confirm-icon {
  padding: 0.125rem 1rem;
  color: var(--nom-color-warning);
  font-size: 2rem;
}
.nom-confirm-content > .nom-confirm-body > .nom-confirm-body-content > .nom-confirm-title {
  padding: 0.25rem;
  font-weight: 500;
  font-size: 1.5rem;
}
.nom-confirm-content > .nom-confirm-body > .nom-confirm-body-content > .nom-confirm-description {
  margin: 1rem 0;
  padding: 0.25rem;
}
.nom-confirm-content > .nom-confirm-actions {
  margin-top: 1.5rem;
  padding-right: 1rem;
  text-align: right;
}
.nom-loading-container {
  position: relative;
}
.nom-list.p-overflow-hidden {
  overflow: hidden;
}
.nom-list.p-overflow-auto {
  overflow: auto;
}
.nom-list.p-overflow-visible {
  overflow: visible;
}
.nom-list.p-overflow-scroll {
  overflow: scroll;
}
.nom-list > .nom-list-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  padding-left: 0;
  list-style: none;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper,
.nom-list > .nom-list-content .nom-virtual-list-item {
  transition: background 0.3s ease;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-1,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-1 {
  width: 8.33%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-2,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-2 {
  width: 16.66%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-3,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-3 {
  width: 25%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-4,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-4 {
  width: 33.33%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-5,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-5 {
  width: 41.66%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-6,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-6 {
  width: 50%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-7,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-7 {
  width: 58.33%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-8,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-8 {
  width: 66.66%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-9,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-9 {
  width: 75%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-10,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-10 {
  width: 83.33%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-11,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-11 {
  width: 91.66%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-12,
.nom-list > .nom-list-content .nom-virtual-list-item.p-span-12 {
  width: 100%;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected,
.nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item.s-selected {
  z-index: 2;
}
.s-disabled.nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item,
.s-disabled.nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item,
.nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-disabled,
.nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item.s-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item > a,
.nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item > a {
  display: block;
}
.nom-list.p-gutter-sm > .nom-list-content {
  margin: -0.25rem -0.25rem;
}
.nom-list.p-gutter-sm > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-gutter-sm > .nom-list-content > .nom-list-item,
.nom-list.p-gutter-sm > .nom-list-content .nom-virtual-list-item {
  padding: 0.25rem 0.25rem;
}
.nom-list.p-gutter-md > .nom-list-content {
  margin: -0.5rem -0.5rem;
}
.nom-list.p-gutter-md > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-gutter-md > .nom-list-content > .nom-list-item,
.nom-list.p-gutter-md > .nom-list-content .nom-virtual-list-item {
  padding: 0.5rem 0.5rem;
}
.nom-list.p-gutter-lg > .nom-list-content {
  margin: -1rem -1rem;
}
.nom-list.p-gutter-lg > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-gutter-lg > .nom-list-content > .nom-list-item,
.nom-list.p-gutter-lg > .nom-list-content .nom-virtual-list-item {
  padding: 1rem 1rem;
}
.nom-list.p-gutter-x-sm > .nom-list-content {
  margin: 0 -0.25rem;
}
.nom-list.p-gutter-x-sm > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-gutter-x-sm > .nom-list-content > .nom-list-item,
.nom-list.p-gutter-x-sm > .nom-list-content .nom-virtual-list-item {
  padding: 0 0.25rem;
}
.nom-list.p-gutter-x-md > .nom-list-content {
  margin: 0 -0.5rem;
}
.nom-list.p-gutter-x-md > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-gutter-x-md > .nom-list-content > .nom-list-item,
.nom-list.p-gutter-x-md > .nom-list-content .nom-virtual-list-item {
  padding: 0 0.5rem;
}
.nom-list.p-gutter-x-lg > .nom-list-content {
  margin: 0 -1rem;
}
.nom-list.p-gutter-x-lg > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-gutter-x-lg > .nom-list-content > .nom-list-item,
.nom-list.p-gutter-x-lg > .nom-list-content .nom-virtual-list-item {
  padding: 0 1rem;
}
.nom-list.p-line-split > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split > .nom-list-content > .nom-list-item,
.nom-list.p-line-split > .nom-list-content .nom-virtual-list-item {
  margin-left: -1px;
  padding-top: 0;
  padding-bottom: 0;
  border-left: 1px solid var(--nom-border-color);
}
.nom-list.p-line-split.p-gutter-sm > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split.p-gutter-sm > .nom-list-content > .nom-list-item,
.nom-list.p-line-split.p-gutter-sm > .nom-list-content .nom-virtual-list-item {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.nom-list.p-line-split.p-gutter-md > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split.p-gutter-md > .nom-list-content > .nom-list-item,
.nom-list.p-line-split.p-gutter-md > .nom-list-content .nom-virtual-list-item {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.nom-list.p-line-split.p-gutter-lg > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split.p-gutter-lg > .nom-list-content > .nom-list-item,
.nom-list.p-line-split.p-gutter-lg > .nom-list-content .nom-virtual-list-item {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.nom-list.p-line-cross > .nom-list-content,
.nom-list.p-line-grid > .nom-list-content {
  margin: 0 !important;
}
.nom-list.p-line-cross > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-grid > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-cross > .nom-list-content > .nom-list-item,
.nom-list.p-line-grid > .nom-list-content > .nom-list-item,
.nom-list.p-line-cross > .nom-list-content .nom-virtual-list-item,
.nom-list.p-line-grid > .nom-list-content .nom-virtual-list-item {
  margin-bottom: -1px;
  margin-left: -1px;
  border-bottom: 1px solid var(--nom-border-color);
  border-left: 1px solid var(--nom-border-color);
}
.nom-list.p-line-grid > .nom-list-content {
  border-top: 1px solid var(--nom-border-color);
  border-right: 1px solid var(--nom-border-color);
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-list.p-line-grid > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-grid > .nom-list-content > .nom-list-item,
.nom-list.p-line-grid > .nom-list-content .nom-virtual-list-item {
  margin-left: 0;
}
.nom-list.p-cols-1 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-1 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-1 > .nom-list-content .nom-virtual-list-item {
  width: 100%;
}
.nom-list.p-cols-2 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-2 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-2 > .nom-list-content .nom-virtual-list-item {
  width: 50%;
}
.nom-list.p-cols-3 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-3 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-3 > .nom-list-content .nom-virtual-list-item {
  width: 33.33%;
}
.nom-list.p-cols-4 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-4 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-4 > .nom-list-content .nom-virtual-list-item {
  width: 25%;
}
.nom-list.p-cols-5 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-5 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-5 > .nom-list-content .nom-virtual-list-item {
  width: 20%;
}
.nom-list.p-cols-6 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-6 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-6 > .nom-list-content .nom-virtual-list-item {
  width: 16.66%;
}
.nom-list.p-cols-7 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-7 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-7 > .nom-list-content .nom-virtual-list-item {
  width: 14.28%;
}
.nom-list.p-cols-8 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-8 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-8 > .nom-list-content .nom-virtual-list-item {
  width: 12.5%;
}
.nom-list.p-cols-9 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-9 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-9 > .nom-list-content .nom-virtual-list-item {
  width: 11.11%;
}
.nom-list.p-cols-10 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-10 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-10 > .nom-list-content .nom-virtual-list-item {
  width: 10%;
}
/* 虚拟列表支持函数-start */
.nom-list.nom-virtual-list-container {
  position: relative;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.nom-list.nom-virtual-list-container .nom-virtual-list-tooldiv {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
.nom-list.nom-virtual-list-container .nom-virtual-list-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
/* 虚拟列表支持函数-end */
.nom-tab-list a {
  color: inherit;
  text-decoration: none;
}
.nom-tab-list a > .nom-icon {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.nom-tab-list a:hover {
  color: var(--nom-color-primary-hover);
}
.nom-tab-list.p-fit {
  height: 100%;
}
.nom-tab-list.p-fit > .nom-list-content {
  height: 100%;
}
.nom-tab-list.p-fit > .nom-list-content > .nom-list-item-wrapper {
  height: 100%;
}
.nom-tab-list.p-fit > .nom-list-content > .nom-list-item-wrapper > .nom-tab-item {
  display: flex !important;
  align-items: center;
  height: 100%;
}
.nom-tab-list.p-uistyle-plain > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
  display: block;
  padding: 1rem 1rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nom-tab-list.p-uistyle-plain > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
  color: var(--nom-color-primary);
}
.nom-tab-list.p-uistyle-hat > .nom-list-content {
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-tab-list.p-uistyle-hat > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
  display: block;
  margin-bottom: -1px;
  padding: 1rem 1rem;
  text-decoration: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nom-tab-list.p-uistyle-hat > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
  color: var(--nom-color-primary);
  background-color: var(--nom-bg-color);
  border-color: var(--nom-border-color) var(--nom-border-color) var(--nom-bg-color);
}
.nom-tab-list.p-uistyle-line > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
  display: block;
  padding: 1rem 1rem;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nom-tab-list.p-uistyle-line > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
  color: var(--nom-color-primary);
  border-bottom-color: var(--nom-color-primary);
}
.nom-tab-list.p-uistyle-card > .nom-list-content {
  background-color: var(--nom-tabs-card-bg-color);
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper:first-child > .nom-list-item {
  margin-left: -1px;
}
.nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
  display: block;
  margin-bottom: -1px;
  padding: 1rem 1rem;
  color: var(--nom-input-placeholder-color);
  text-decoration: none;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
  color: var(--nom-input-color);
  background-color: var(--nom-tabs-card-selected-bg-color);
  border-color: var(--nom-color-white) var(--nom-border-color);
}
.nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected:first-child {
  border-radius: var(--nom-tabs-card-border-radius) 0 0 0;
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper {
  margin-right: 0.5rem;
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper:first-child > .nom-list-item {
  margin-left: -1px;
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 1000px !important;
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item:hover {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary-hover);
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected.active {
  background-color: var(--nom-color-primary-active);
}
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected.disabled,
.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-tabs.p-uistyle-plain > .nom-tab-content,
.nom-tabs.p-uistyle-hat > .nom-tab-content,
.nom-tabs.p-uistyle-line > .nom-tab-content,
.nom-tabs.p-uistyle-pill > .nom-tab-content {
  margin-top: 1rem;
}
.nom-tabs.p-uistyle-card {
  background: var(--nom-bg-color);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-tabs-card-border-radius);
}
.nom-tabs.p-uistyle-card .nom-tabs-tools {
  height: 50px;
  padding: 0 1rem;
  line-height: 45px;
  background-color: var(--nom-tabs-card-bg-color);
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-tabs.p-uistyle-card > .nom-tab-content {
  padding: 1rem;
}
.nom-tabs.p-fit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nom-tabs.p-fit > .nom-tab-content {
  flex: 1;
  height: 100%;
  padding-top: 2.5rem;
  overflow: auto;
}
.nom-menu {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.nom-menu a {
  color: inherit;
}
.nom-menu a:hover {
  color: inherit;
}
.nom-menu a > .text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nom-menu a > .subtext {
  margin-left: 6px;
  color: var(--nom-color-text-2);
  font-weight: 400;
}
.nom-menu.p-direction-vertical a:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-menu .nom-menu-group-container > .nom-menu-group-title {
  color: var(--nom-menu-group-title-color);
  padding: 10px 0;
  font-size: 85%;
}
.nom-menu.p-direction-horizontal {
  display: flex;
  flex-wrap: wrap;
}
.nom-menu.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
}
.nom-menu.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item:not(.nom-menu-group-title) {
  padding: 10px 15px;
}
.nom-menu.p-direction-horizontal > .nom-menu-divider {
  position: relative;
  padding: 0 10px;
}
.nom-menu.p-direction-horizontal > .nom-menu-divider::after {
  position: absolute;
  top: 5px;
  right: 10px;
  bottom: 5px;
  display: block;
  border-right: var(--nom-menu-divider-border);
  content: '';
}
.nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper {
  margin-right: 0.3rem;
}
.nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
  padding: 10px 1rem;
  border-bottom: 2px solid transparent;
}
.nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item.s-selected {
  color: var(--nom-color-primary);
  font-weight: 500;
  border-bottom-color: var(--nom-color-primary);
}
.nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper + .nom-menu-item-wrapper {
  margin-left: 15px;
}
.nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper {
  margin-right: 0.3rem;
}
.nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
  padding: 10px 0;
  border-bottom: 2px solid transparent;
}
.nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item.s-selected {
  color: var(--nom-color-primary);
  font-weight: 500;
  border-bottom-color: var(--nom-color-primary);
}
.nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper + .nom-menu-item-wrapper {
  margin-left: 15px;
}
.nom-menu.p-uistyle-pill.p-direction-vertical > .nom-menu-item-wrapper {
  margin-bottom: 0.3rem;
}
.nom-menu.p-uistyle-pill.p-direction-horizontal > .nom-menu-item-wrapper {
  margin-right: 0.3rem;
}
.nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item {
  background-color: rgba(var(--nom-color-primary-base), 0.075);
  border-radius: 1000px !important;
}
.nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item:hover {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary-hover);
}
.nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item.s-selected {
  color: var(--nom-color-primary-lighten) !important;
  background-color: var(--nom-color-primary) !important;
  border-color: var(--nom-color-primary-darken) !important;
}
.nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item.s-selected a {
  color: inherit !important;
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item:not(.nom-menu-group-title) {
  padding: 10px 15px;
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item > .nom-menu-item-icon {
  margin-right: 0.5rem;
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item > .title {
  flex-grow: 1;
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-divider {
  position: relative;
  padding: 10px 0;
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-divider::after {
  position: absolute;
  right: 15px;
  bottom: 10px;
  left: 20px;
  display: block;
  border-top: var(--nom-menu-divider-border);
  content: '';
}
.nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-divider.nom-menu-divider-dashed::after {
  border-top-style: dashed;
}
.nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item {
  display: block;
  padding: 10px 4px;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none;
}
.nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item > .nom-menu-item-icon {
  font-size: 2rem;
}
.nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item > *:not(.nom-menu-item-icon):not(.nom-menu-item-title) {
  display: none;
}
.nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item.nom-menu-item-submenu-selected {
  color: var(--nom-color-primary);
}
.nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item:hover {
  color: var(--nom-color-white);
  background: var(--nom-color-primary);
}
.nom-menu-sub {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.nom-menu-sub a {
  color: inherit;
}
.nom-menu-sub a:hover {
  color: inherit;
}
.nom-menu-sub a:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-menu-sub > .nom-menu-item-wrapper > .nom-menu-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
}
.nom-menu-sub > .nom-menu-item-wrapper > .nom-menu-item:not(.nom-menu-group-title) {
  padding: 10px 15px;
}
.nom-menu-sub > .nom-menu-item-wrapper > .nom-menu-item > .title {
  flex-grow: 1;
}
.nom-menu-sub.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
  min-width: 160px;
}
.nom-menu-sub.nom-menu-popup-sub > .nom-menu-item-wrapper > .nom-menu-item.s-selected {
  color: var(--nom-color-primary);
}
.nom-menu-stretch {
  height: 100%;
}
.nom-menu-stretch > .nom-menu-item-wrapper > .nom-menu-item {
  height: 100%;
}
.nom-menu-toggler {
  margin-left: auto;
}
table.nom-table {
  position: relative;
  width: 100%;
  table-layout: fixed;
  background-color: var(--nom-grid-background-color);
  border-spacing: 0;
}
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty) {
  background-color: var(--nom-grid-tr-striped-bg);
}
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty) td.nom-table-fixed-left,
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty) td.nom-table-fixed-right {
  background: var(--nom-grid-tr-striped-bg);
}
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty):hover {
  background-color: var(--nom-grid-tr-striped-bg-hover);
}
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty):hover .nom-table-fixed-left,
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty):hover .nom-table-fixed-right {
  background-color: var(--nom-grid-tr-striped-bg-hover);
}
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty).nom-tr-selected {
  background-color: var(--nom-grid-tr-bg-selected);
}
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-left,
table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-right {
  background-color: var(--nom-grid-tr-bg-selected);
}
table.nom-table tbody tr:not(.nom-tr-empty):hover {
  background-color: var(--nom-grid-tr-bg-hover);
}
table.nom-table tbody tr:not(.nom-tr-empty):hover .nom-table-fixed-left,
table.nom-table tbody tr:not(.nom-tr-empty):hover .nom-table-fixed-right {
  background-color: var(--nom-grid-tr-bg-hover);
}
table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected,
table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected:hover {
  background-color: var(--nom-grid-tr-bg-selected);
}
table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-left,
table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected:hover .nom-table-fixed-left,
table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-right,
table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected:hover .nom-table-fixed-right {
  background-color: var(--nom-grid-tr-bg-selected);
}
table.nom-table .nom-table-th-hover-mask {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--nom-grid-col-highlight-bg);
}
table.nom-table td,
table.nom-table th {
  position: relative;
  padding: var(--nom-grid-td-padding);
  word-break: break-all;
}
table.nom-table td[align='left'],
table.nom-table th[align='left'] {
  text-align: left;
}
table.nom-table td[align='center'],
table.nom-table th[align='center'] {
  text-align: center;
}
table.nom-table td[align='right'],
table.nom-table th[align='right'] {
  text-align: right;
}
table.nom-table td.nom-table-fixed-left,
table.nom-table th.nom-table-fixed-left,
table.nom-table td.nom-table-fixed-right,
table.nom-table th.nom-table-fixed-right {
  position: sticky;
  z-index: 2;
  background: var(--nom-grid-background-color);
}
table.nom-table td.nom-table-sortable > span,
table.nom-table th.nom-table-sortable > span,
table.nom-table td.nom-table-sortable > .nom-icon,
table.nom-table th.nom-table-sortable > .nom-icon {
  cursor: pointer;
}
table.nom-table td.nom-table-ellipsis,
table.nom-table th.nom-table-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
table.nom-table td.nom-table-ellipsis .nom-table-cell-content .nom-table-cell-title,
table.nom-table th.nom-table-ellipsis .nom-table-cell-content .nom-table-cell-title {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
table.nom-table td.nom-table-ellipsis .nom-table-cell-content .nom-ellipsis .nom-ellipsis-inner,
table.nom-table th.nom-table-ellipsis .nom-table-cell-content .nom-ellipsis .nom-ellipsis-inner {
  display: table-cell;
}
table.nom-table td .nom-table-resize-handler,
table.nom-table th .nom-table-resize-handler {
  position: absolute !important;
  right: 0;
  bottom: 0;
  width: 6px;
  height: 100%;
  border-right: 1px dotted var(--nom-grid-icon-color);
  visibility: hidden;
  cursor: col-resize;
}
table.nom-table td .nom-table-sort-handler.p-type-sort,
table.nom-table th .nom-table-sort-handler.p-type-sort {
  visibility: hidden;
}
table.nom-table td .nom-table-filter-handler,
table.nom-table th .nom-table-filter-handler {
  visibility: hidden;
}
table.nom-table td .nom-table-filter-handler.nom-filter-active,
table.nom-table th .nom-table-filter-handler.nom-filter-active {
  visibility: visible;
}
table.nom-table td .nom-table-pin-handler,
table.nom-table th .nom-table-pin-handler {
  color: var(--nom-grid-icon-color);
  visibility: hidden;
  cursor: pointer;
}
table.nom-table td .nom-table-pin-handler.p-type-pin-fill,
table.nom-table th .nom-table-pin-handler.p-type-pin-fill {
  visibility: visible;
}
table.nom-table td:hover .nom-table-resize-handler,
table.nom-table th:hover .nom-table-resize-handler {
  visibility: visible;
}
table.nom-table td:hover .nom-table-pin-handler,
table.nom-table th:hover .nom-table-pin-handler {
  visibility: visible;
}
table.nom-table td:hover .nom-table-sort-handler,
table.nom-table th:hover .nom-table-sort-handler {
  visibility: visible;
}
table.nom-table td:hover .nom-table-filter-handler,
table.nom-table th:hover .nom-table-filter-handler {
  visibility: visible;
}
table.nom-table .nom-table-ellipsis.nom-table-fixed-left .nom-table-cell-content,
table.nom-table .nom-table-ellipsis.nom-table-fixed-right .nom-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.nom-table .nom-table-ellipsis.nom-table-fixed-left-last,
table.nom-table .nom-table-ellipsis.nom-table-fixed-right-first {
  overflow: visible;
}
table.nom-table .nom-table-fixed-left-last::after {
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  width: 30px;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
table.nom-table .nom-table-fixed-right-first {
  padding-left: 15px;
}
table.nom-table .nom-table-fixed-right-first::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
  transform: translate(-100%);
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
table.nom-table th {
  position: relative;
  color: var(--nom-grid-th-color);
  font-weight: var(--nom-grid-th-font-weight);
  line-height: 24px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: var(--nom-grid-th-bg);
  background-image: var(--nom-grid-th-bg-image);
  -webkit-user-select: none;
  user-select: none;
}
table.nom-table th.nom-table-fixed-left,
table.nom-table th.nom-table-fixed-right {
  position: sticky;
  z-index: 2;
  background-color: var(--nom-grid-th-bg);
  background-image: var(--nom-grid-th-bg-image);
}
table.nom-table th > .nom-table-filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 100%;
  color: var(--nom-grid-icon-color);
}
table.nom-table th.nom-table-ellipsis .nom-table-cell-content {
  display: flex !important;
}
table.nom-table .nom-tr-expand-indicator {
  margin-right: 6px;
}
table.nom-table .nom-td-tree-node:not(.nom-td-tree-node-leaf) {
  cursor: pointer;
}
table.nom-table.p-line-row td,
table.nom-table.p-line-row th {
  border-bottom: 1px solid var(--nom-border-color);
}
table.nom-table.p-line-col td,
table.nom-table.p-line-col th {
  border-right: 1px solid var(--nom-border-color);
}
table.nom-table.p-line-col > th:last-child {
  border-right: 0;
}
table.nom-table.p-line-both td,
table.nom-table.p-line-both th {
  border-right: 1px solid var(--nom-border-color);
  border-bottom: 1px solid var(--nom-border-color);
}
table.nom-table.p-line-both thead > tr:first-child th:last-child {
  border-right: 0;
}
table.nom-table.p-line-both td:last-child {
  border-right: 0;
}
table.nom-table.p-bordered {
  border: 1px solid var(--nom-border-color);
}
.nom-grid {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.nom-grid .nom-grid-header {
  z-index: 10;
}
.nom-grid .hidden {
  display: none;
}
.nom-grid .nom-grid-setting {
  position: absolute;
  top: 6px;
  right: 2px;
  z-index: 11;
  background: var(--nom-grid-header-background-color);
}
.nom-grid > .nom-grid-header {
  position: relative;
  overflow: hidden;
}
.nom-grid > .nom-grid-header .nom-table {
  position: relative;
  z-index: inherit;
}
.nom-grid > .nom-grid-header .nom-table::after {
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  z-index: inherit;
  border-bottom: var(--nom-grid-header-border);
  content: '';
}
.nom-grid > .nom-grid-header .nom-th.nom-table-parent-th {
  text-align: center;
}
.nom-grid > .nom-grid-header .nom-th .nom-icon {
  position: relative;
  top: 2px;
  margin-left: 5px;
  color: var(--nom-grid-icon-color);
}
.nom-grid > .nom-grid-header .nom-th .nom-icon.p-type-sort-up,
.nom-grid > .nom-grid-header .nom-th .nom-icon.p-type-sort-down,
.nom-grid > .nom-grid-header .nom-th .nom-icon.nom-filter-active {
  color: var(--nom-grid-icon-color-active);
}
.nom-grid > .nom-grid-header.nom-grid-highlight-col th:hover {
  background-color: var(--nom-grid-highlight-bg);
  background-image: none;
}
.nom-grid > .nom-grid-body {
  position: relative;
  flex: 1;
  height: 100%;
  overflow: auto;
}
.nom-grid > .nom-grid-body > .nom-grid-body-content {
  overflow-x: auto;
}
.nom-grid > .nom-grid-footer {
  position: relative;
  overflow: hidden;
}
.nom-grid > .nom-grid-footer .nom-table {
  overflow: auto;
}
.nom-grid.p-bordered {
  border: 1px solid var(--nom-border-color);
}
.nom-grid.p-bordered > .nom-grid-body {
  margin-bottom: -1px;
}
.nom-grid.p-bordered > .nom-grid-body + .nom-grid-footer {
  margin-top: 1px;
  margin-bottom: -1px;
}
.nom-grid.nom-table-has-row-group tbody tr,
.nom-grid.nom-table-has-row-group tbody tr:hover {
  background-color: inherit;
  transition: all ease-in 0.25s;
}
.nom-grid.m-frozen-header {
  position: relative;
  display: flex;
  flex-direction: column;
}
.nom-grid.m-frozen-header > .nom-grid-header {
  flex-shrink: 0;
  overflow-y: scroll;
  background-color: var(--nom-grid-header-background-color);
}
.nom-grid.m-frozen-header > .nom-grid-header > .nom-table {
  background-color: var(--nom-grid-header-background-color);
}
.nom-grid.m-frozen-header > .nom-grid-header > .nom-table::after {
  right: var(--nom-scrollbar-width);
  width: calc(100% - var(--nom-scrollbar-width));
}
.nom-grid.m-frozen-header > .nom-grid-header > .nom-grid-header-content {
  overflow: hidden;
}
.nom-grid.m-frozen-header > .nom-grid-body {
  flex: 1;
  height: 100%;
  overflow-y: scroll;
}
.nom-grid.m-frozen-header > .nom-grid-body > .nom-grid-body-content {
  overflow-x: auto;
  overflow-y: scroll;
}
.nom-grid.m-with-setting .nom-table .nom-thead-tr:first-child th:last-child {
  padding-right: 40px;
}
.nom-grid .nom-grid-checkbox {
  display: inline-flex;
}
.nom-grid .nom-grid-checkbox .nom-field-content {
  justify-content: center;
}
.nom-grid .nom-table-cell-title {
  display: inline-flex;
}
.nom-grid .nom-table-cell-title .nom-field-content {
  justify-content: center;
}
.nom-grid-setting-panel {
  min-width: 300px;
}
.nom-grid-setting-drag {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box {
  width: 240px;
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  height: calc(100vh - 300px);
  max-height: 500px;
}
.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box .nom-tree-node-expandable-indicator {
  width: 24px;
}
.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-header {
  height: 40px;
  padding: 0 10px;
}
.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-header .nom-checkbox > .nom-field-content {
  line-height: 100%;
}
.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-body .nom-layout-header {
  height: 42px;
  border-bottom: none;
}
.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-footer {
  height: 40px;
  min-height: 40px;
  padding: 0 10px;
}
.nom-grid-setting-transfer .nom-tree-node-content {
  position: relative;
}
.nom-grid-setting-transfer .nom-tree-node-content > .nom-grid-setting-item-pin {
  position: absolute;
  top: 5px;
  right: 5px;
}
.nom-grid-setting-transfer .nom-grid-setting-group-title .nom-tree-node-content > .nom-icon,
.nom-grid-setting-transfer .nom-grid-setting-group-title .nom-tree-node-content > .nom-tree-node-checkbox {
  display: none;
}
.nom-grid-setting-transfer .nom-grid-setting-group-title .nom-tree-node-content > .nom-tree-node-content-text {
  padding-left: 1rem;
  color: var(--nom-text-color-muted);
}
.nom-grid-setting-transfer .nom-grid-setting-target-node.s-disabled {
  opacity: 0.65;
}
.nom-grid-setting-transfer .nom-grid-setting-target-node .nom-tree-node-content .p-type-times {
  color: var(--nom-text-color-muted);
}
.nom-grid-setting-transfer .nom-grid-setting-target-node .nom-tree-node-content:not(:hover) .nom-tree-node-content-tools {
  visibility: hidden;
}
.nom-grid-setting-transfer .nom-grid-setting-target-node .nom-tree-node-content > .nom-tree-node-content-text {
  flex-grow: 1;
}
.nom-grid table.nom-table tbody tr.nom-grid-tr-modified:not(.nom-tr-empty) {
  background-color: var(--nom-grid-tr-modified-bg);
}
.nom-grid table.nom-table tbody tr.nom-grid-tr-modified:not(.nom-tr-empty):hover {
  background-color: var(--nom-grid-tr-modified-bg-hover);
}
.nom-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-style: normal;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nom-icon.p-bordered {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid;
}
.nom-icon.p-bg {
  width: 1.5em;
  height: 1.5em;
  background-color: var(--nom-icon-bg-color);
}
.nom-avatar {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  color: var(--nom-avatar-color);
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: var(--nom-avatar-background-color);
  border: 1px solid var(--nom-avatar-border-color);
  border-radius: var(--nom-avatar-border-radius);
  width: 2.29rem;
  height: 2.29rem;
  line-height: 2.29rem;
}
.nom-avatar.avatar-image > img {
  border-radius: var(--nom-avatar-border-radius);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.nom-avatar > .nom-avatar-string {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center;
}
.nom-avatar .img {
  display: block;
}
.nom-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.nom-avatar > .nom-icon {
  font-size: 1rem;
}
.nom-avatar.p-size-xlarge {
  width: 3.43rem;
  height: 3.43rem;
  line-height: 3.43rem;
}
.nom-avatar.p-size-xlarge-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.nom-avatar.p-size-xlarge > .nom-icon {
  font-size: 1.5rem;
}
.nom-avatar.p-size-large {
  width: 2.86rem;
  height: 2.86rem;
  line-height: 2.86rem;
}
.nom-avatar.p-size-large-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.nom-avatar.p-size-large > .nom-icon {
  font-size: 1.25rem;
}
.nom-avatar.p-size-small {
  width: 1.86rem;
  height: 1.86rem;
  line-height: 1.86rem;
}
.nom-avatar.p-size-small-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.nom-avatar.p-size-small > .nom-icon {
  font-size: 0.875rem;
}
.nom-avatar.p-size-xsmall {
  width: 1.15rem;
  height: 1.15rem;
  line-height: 1.15rem;
}
.nom-avatar.p-size-xsmall-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.nom-avatar.p-size-xsmall > .nom-icon {
  font-size: 0.875rem;
}
.nom-avatar.u-shape-square {
  border-radius: var(--nom-border-radius);
}
.nom-avatar.u-shape-square > img {
  border-radius: var(--nom-border-radius);
}
.nom-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nom-avatar-group {
  display: inline-flex;
}
.nom-avatar-group .nom-avatar {
  border: 1px solid #fff;
}
.nom-avatar-group .nom-avatar:not(:first-child) {
  margin-left: -8px;
}
[role='button'] {
  cursor: pointer;
}
.nom-button {
  /* Structure */
  display: inline-block;
  color: var(--nom-color-text-0);
  line-height: normal;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: var(--nom-button-bg);
  border: 1px solid transparent;
  border-color: var(--nom-color-border);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
  zoom: 1;
  -webkit-user-drag: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.42857143;
  border-radius: var(--nom-border-radius);
}
.nom-button > .nom-icon {
  height: 1.42857143em;
}
.nom-button.p-only-icon.p-shape-circle {
  padding: 0.375rem;
}
.nom-button.p-only-icon.p-shape-circle > .nom-icon {
  width: 1.42857143em;
}
.nom-button:not(.s-disabled):hover {
  background-color: var(--nom-color-fill-1);
  outline: none;
}
.nom-button:focus,
.nom-button:hover,
.nom-button:active,
.nom-button.active {
  outline: none;
}
.nom-button.disabled,
.nom-button[disabled],
fieldset[disabled] .nom-button {
  cursor: not-allowed;
  opacity: 0.65;
}
a.nom-button.disabled,
fieldset[disabled] a.nom-button {
  pointer-events: none;
}
.nom-button.p-block {
  width: 100%;
}
.nom-button.p-danger {
  color: var(--nom-color-danger);
  background-color: transparent;
  border-color: var(--nom-color-danger);
}
.nom-button.p-danger.nom-button-inline:hover {
  background: none !important;
}
.nom-button.p-danger.p-type-primary {
  color: var(--nom-color-white);
  background-color: var(--nom-color-danger);
  border-color: var(--nom-color-danger);
}
.nom-button.p-danger.p-type-primary:hover {
  background-color: var(--nom-color-danger-hover);
}
.nom-button.p-danger:not(.p-type-text, .p-type-link):hover {
  color: var(--nom-color-white);
  background-color: var(--nom-color-danger-hover);
  border-color: var(--nom-color-danger-hover);
}
.nom-button.p-type-primary {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
  border-color: var(--nom-color-primary);
}
.nom-button.p-type-primary:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-button.p-type-dashed {
  border-style: dashed;
}
.nom-button.p-type-text {
  background-color: transparent;
  border-color: transparent;
}
.nom-button.p-type-text:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-button.p-type-text:hover.p-danger {
  color: var(--nom-color-danger-hover);
}
.nom-button.p-type-link {
  color: var(--nom-color-primary);
  background-color: transparent;
  border-color: transparent !important;
}
.nom-button.p-type-link.p-danger {
  color: var(--nom-color-danger);
}
.nom-button.p-type-link:hover {
  text-decoration: none;
  background: none;
}
.nom-button.p-type-link:hover.p-danger {
  color: var(--nom-color-danger-hover);
}
.nom-button.p-ghost {
  color: inherit !important;
  background-color: transparent !important;
}
.nom-button.p-ghost:hover {
  background-color: var(--nom-color-fill-1) !important;
}
.nom-button.p-ghost.p-type-primary {
  color: var(--nom-color-primary) !important;
  background-color: transparent !important;
  border-color: var(--nom-color-primary) !important;
}
.nom-button.p-ghost.p-type-primary.s-hover,
.nom-button.p-ghost.p-type-primary:hover {
  color: var(--nom-color-primary) !important;
  background-color: var(--nom-color-primary-lighten) !important;
}
.nom-button.p-size-small {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: var(--nom-border-radius-sm);
}
.nom-button.p-size-small > .nom-icon {
  height: 1.5em;
}
.nom-button.p-size-small.p-only-icon.p-shape-circle {
  padding: 0.25rem;
}
.nom-button.p-size-small.p-only-icon.p-shape-circle > .nom-icon {
  width: 1.5em;
}
.nom-button.p-size-xsmall {
  padding: 0.125rem 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: var(--nom-border-radius-sm);
}
.nom-button.p-size-xsmall > .nom-icon {
  height: 1.5em;
}
.nom-button.p-size-xsmall.p-only-icon.p-shape-circle {
  padding: 0.125rem;
}
.nom-button.p-size-xsmall.p-only-icon.p-shape-circle > .nom-icon {
  width: 1.5em;
}
.nom-button.p-size-large {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.3333333;
  border-radius: var(--nom-border-radius-lg);
}
.nom-button.p-size-large > .nom-icon {
  height: 1.3333333em;
}
.nom-button.p-size-large.p-only-icon.p-shape-circle {
  padding: 0.5rem;
}
.nom-button.p-size-large.p-only-icon.p-shape-circle > .nom-icon {
  width: 1.3333333em;
}
.nom-button.p-size-xlarge {
  padding: 0.75rem 1.25rem;
  font-size: 1.5rem;
  line-height: 1.3333333;
  border-radius: var(--nom-border-radius-lg);
}
.nom-button.p-size-xlarge > .nom-icon {
  height: 1.3333333em;
}
.nom-button.p-size-xlarge.p-only-icon.p-shape-circle {
  padding: 0.75rem;
}
.nom-button.p-size-xlarge.p-only-icon.p-shape-circle > .nom-icon {
  width: 1.3333333em;
}
.nom-button.p-shape-round {
  border-radius: 1000px !important;
}
.nom-button.p-shape-circle {
  border-radius: 50% !important;
}
.nom-button.p-with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nom-button.p-with-icon.p-danger {
  color: var(--nom-color-danger);
}
.nom-button.p-with-icon.p-danger:hover {
  color: var(--nom-color-white);
}
.nom-button > .nom-icon + span,
.nom-button > span + .nom-icon {
  margin-left: 0.5rem;
}
.nom-button-inline {
  display: inline !important;
  padding: 0;
  white-space: normal;
  text-align: left;
}
.nom-button-inline:hover {
  background: none !important;
  background-color: transparent !important;
}
.nom-button-inline.s-hidden {
  display: none !important;
}
.nom-table-ellipsis .nom-button-inline {
  white-space: nowrap;
}
.nom-input {
  display: block;
  width: 100%;
  height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  padding: 0.375rem 0.75rem;
  color: var(--nom-input-color);
  font-size: 1rem;
  line-height: 1.42857143rem;
  background-color: var(--nom-input-bg);
  background-image: none;
  border: 1px solid var(--nom-color-border);
  border-radius: var(--nom-border-radius);
  outline: none;
  transition: all 0.3s;
}
.nom-input:focus {
  border-color: #66afe9;
  outline: 0;
}
.nom-input:hover {
  border-color: var(--nom-color-primary);
}
.nom-input::-ms-expand {
  background-color: transparent;
  border: 0;
}
.nom-input::placeholder {
  color: var(--nom-color-text-2);
}
.nom-input[disabled],
.nom-input[readonly],
fieldset[disabled] .nom-input {
  background-color: var(--nom-input-bg-disabled);
  opacity: 1;
}
.nom-input[disabled],
fieldset[disabled] .nom-input {
  border-color: var(--nom-color-border);
  cursor: not-allowed;
}
textarea .nom-input {
  height: auto;
}
.s-invalid > .nom-input {
  color: var(--nom-color-text-0);
  background-color: rgba(var(--nom-red-5), 0.1);
  border-color: var(--nom-color-danger) !important;
}
.nom-textbox > .nom-field-content .nom-control {
  position: relative;
  background-color: var(--nom-input-bg);
  border-radius: var(--nom-border-radius);
}
.nom-textbox.s-invalid.p-plain > .nom-field-content > .nom-control > .nom-input {
  border-color: var(--nom-color-danger);
}
.nom-textbox.s-invalid .nom-textbox-affix-wrapper {
  color: var(--nom-color-text-0);
  background-color: rgba(var(--nom-red-5), 0.1);
  border-color: var(--nom-color-danger) !important;
}
.nom-textbox.p-with-button > .nom-field-content > .nom-control {
  display: flex;
}
.nom-textbox.p-with-button > .nom-field-content > .nom-control > .nom-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nom-textbox.p-with-button > .nom-field-content > .nom-control > .nom-textbox-button {
  border-left: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nom-textbox .nom-textbox-affix-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 0 0.75rem;
  border: 1px solid var(--nom-color-border);
  border-radius: var(--nom-border-radius);
  transition: all 0.3s;
}
.nom-textbox .nom-textbox-affix-wrapper:focus-within {
  border-color: var(--nom-color-primary);
}
.nom-textbox .nom-textbox-affix-wrapper:hover {
  border-color: var(--nom-color-primary);
}
.nom-textbox .nom-textbox-affix-wrapper .nom-input-affix {
  display: flex;
  flex: none;
  align-items: center;
  color: var(--nom-control-icon-color);
}
.nom-textbox .nom-textbox-affix-wrapper .nom-input-prefix,
.nom-textbox .nom-textbox-affix-wrapper .nom-textbox-left-icon {
  margin-right: 4px;
}
.nom-textbox .nom-textbox-affix-wrapper .nom-input-suffix,
.nom-textbox .nom-textbox-affix-wrapper .nom-textbox-right-icon,
.nom-textbox .nom-textbox-affix-wrapper .nom-input-count {
  margin-left: 4px;
  color: var(--nom-control-icon-color);
}
.nom-textbox .nom-textbox-affix-wrapper .nom-input {
  height: calc(1.428571429rem + (0.375rem * 2));
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
}
.nom-textbox.s-disabled .nom-textbox-affix-wrapper,
.nom-textbox[readonly] .nom-textbox-affix-wrapper {
  background: var(--nom-input-bg-disabled);
  border-color: var(--nom-color-border);
}
.nom-textbox .nom-textbox-left-icon,
.nom-textbox .nom-textbox-right-icon {
  color: var(--nom-control-icon-color);
}
.nom-time-picker[readonly] .nom-textbox-affix-wrapper,
.nom-date-picker[readonly] .nom-textbox-affix-wrapper,
.nom-partial-date-picker[readonly] .nom-textbox-affix-wrapper {
  background: transparent;
  border-color: var(--nom-color-border);
}
.nom-time-picker.s-disabled .nom-textbox-affix-wrapper,
.nom-date-picker.s-disabled .nom-textbox-affix-wrapper,
.nom-partial-date-picker.s-disabled .nom-textbox-affix-wrapper {
  background: var(--nom-input-bg-disabled);
  border-color: var(--nom-color-border);
}
.nom-time-picker .nom-input[readonly]:not([disabled]),
.nom-date-picker .nom-input[readonly]:not([disabled]),
.nom-partial-date-picker .nom-input[readonly]:not([disabled]) {
  background-color: transparent;
}
.nom-textarea {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.375rem 0.75rem;
  color: var(--nom-input-color);
  font-size: 1rem;
  line-height: 1.42857143;
  background-color: var(--nom-input-bg);
  background-image: none;
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  transition: all 0.3s;
}
.nom-textarea:focus {
  border-color: #66afe9;
  outline: 0;
}
.nom-textarea:hover {
  border-color: var(--nom-color-primary-hover);
}
.nom-textarea::-ms-expand {
  background-color: transparent;
  border: 0;
}
.nom-textarea[disabled],
.nom-textarea[readonly],
fieldset[disabled] .nom-textarea {
  background-color: var(--nom-input-bg-disabled);
  border-color: var(--nom-border-color);
  opacity: 1;
}
.nom-textarea[disabled],
fieldset[disabled] .nom-textarea {
  border-color: var(--nom-border-color);
  cursor: not-allowed;
}
textarea .nom-textarea {
  height: auto;
}
.s-invalid > .nom-textarea {
  color: var(--nom-color-text-0);
  background-color: rgba(var(--nom-red-5), 0.1);
  border-color: var(--nom-color-danger) !important;
}
.s-invalid > .nom-field-content > .nom-control > textarea {
  color: var(--nom-color-text-0);
  background-color: rgba(var(--nom-red-5), 0.1);
  border-color: var(--nom-color-danger) !important;
}
.nom-checkbox > .nom-field-content {
  line-height: 2.28571429;
}
.nom-checkbox > .nom-field-content > .nom-control {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.42857143;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.s-disabled.nom-checkbox > .nom-field-content > .nom-control {
  cursor: not-allowed;
  opacity: 0.7;
}
.s-disabled.nom-checkbox > .nom-field-content > .nom-control > input + span {
  background-color: var(--nom-input-bg-disabled);
  border-color: var(--nom-checkbox-border-color) !important;
}
.nom-checkbox > .nom-field-content > .nom-control i {
  position: absolute;
  top: 2px;
  left: 0;
  display: none;
  width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  background-color: var(--nom-checkbox-checked-bg);
  border: 1px solid var(--nom-checkbox-checked-border-color);
  border-radius: var(--nom-checkbox-border-radius);
  -webkit-animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
  animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
  content: '';
}
.nom-checkbox > .nom-field-content > .nom-control > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.nom-checkbox > .nom-field-content > .nom-control > input + span {
  position: absolute;
  top: 2px;
  left: 0;
  width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  background-color: var(--nom-checkbox-bg);
  border: 1px solid var(--nom-checkbox-border-color);
  border-radius: var(--nom-checkbox-border-radius);
  box-shadow: var(--nom-checkbox-checker-box-shadow);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.nom-checkbox > .nom-field-content > .nom-control > input + span:hover {
  background-color: var(--nom-checkbox-bg-hover);
  border-color: var(--nom-checkbox-checked-border-color);
}
.s-checked-part.nom-checkbox > .nom-field-content > .nom-control > input + span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: var(--nom-checkbox-part-checker-color);
  border: 0;
  border-radius: var(--nom-checkbox-part-checker-border-radius);
  box-shadow: var(--nom-checkbox-checker-box-shadow);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  content: ' ';
}
.nom-checkbox > .nom-field-content > .nom-control > input:checked + span {
  background-color: var(--nom-checkbox-checked-bg);
  border-color: var(--nom-checkbox-checked-border-color);
}
.nom-checkbox > .nom-field-content > .nom-control > input:checked + span:hover {
  background-color: var(--nom-checkbox-checked-bg-hover);
}
.nom-checkbox > .nom-field-content > .nom-control > input:checked + span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 5px;
  height: 10px;
  margin-top: -6px;
  margin-left: -2px;
  border: solid var(--nom-checkbox-checker-color);
  border-width: 0 2px 2px 0 !important;
  box-shadow: var(--nom-checkbox-checker-box-shadow);
  -webkit-animation: nom-checkbox-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
  animation: nom-checkbox-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
  content: '';
}
.nom-checkbox > .nom-field-content > .nom-control > input:checked ~ i {
  display: block;
}
.nom-checkbox > .nom-field-content > .nom-control > .checkbox-text {
  display: inline-block;
}
.nom-checkbox > .nom-field-content > .nom-control > .checkbox-text:not(.checkbox-text-none) {
  padding-left: 25px;
}
.nom-checkbox > .nom-field-content > .nom-control > .checkbox-text.checkbox-text-none {
  width: 20px;
}
@-webkit-keyframes nom-checkbox-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6) rotate(45deg);
    transform: scale(0.6) rotate(45deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03) rotate(45deg);
    transform: scale(1.03) rotate(45deg);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@keyframes nom-checkbox-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6) rotate(45deg);
    transform: scale(0.6) rotate(45deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03) rotate(45deg);
    transform: scale(1.03) rotate(45deg);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@-webkit-keyframes nom-checkbox-keyframe-show {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes nom-checkbox-keyframe-show {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
.nom-checkbox-tree-with-label:not(.p-label-align-top) .nom-default-checkbox-option-tree {
  position: relative;
  top: -0.4rem;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content {
  margin: -0.5rem -0.5rem;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper {
  padding: 0.5rem 0.5rem;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label {
  position: relative;
  display: inline-flex;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
  line-height: 1.42857143;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.3s;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label i {
  position: absolute;
  display: none;
  width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  margin-top: calc((1em * 1.428571429 - 1em - 2px)/2);
  background-color: var(--nom-checkbox-checked-bg);
  border: 1px solid var(--nom-checkbox-checked-border-color);
  border-radius: var(--nom-checkbox-border-radius);
  border-radius: 50%;
  -webkit-animation: nom-radio-list-keyframe-show 0.36s ease-in-out backwards;
  animation: nom-radio-list-keyframe-show 0.36s ease-in-out backwards;
  content: "";
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label > span.radio {
  position: relative;
  z-index: 9;
  width: calc(1rem + 2px);
  min-width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  min-height: inherit;
  margin-top: calc((1em * 1.428571429 - 1em - 2px)/2);
  margin-right: 0.5rem;
  background-color: var(--nom-checkbox-bg);
  border: 1px solid var(--nom-checkbox-border-color);
  border-radius: 50% !important;
  box-shadow: var(--nom-checkbox-box-shadow);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label > span.radio:hover {
  background-color: var(--nom-checkbox-bg-hover);
  border-color: var(--nom-checkbox-checked-border-color);
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected > span.radio {
  background-color: var(--nom-checkbox-checked-bg);
  border-color: var(--nom-checkbox-checked-border-color);
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected > span.radio::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -3px;
  background: var(--nom-checkbox-checker-color);
  border: solid var(--nom-checkbox-checker-color);
  border-radius: 100% !important;
  box-shadow: var(--nom-checkbox-checker-box-shadow);
  -webkit-animation: nom-radio-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
  animation: nom-radio-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
  content: '';
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected i {
  display: block;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list label.s-disabled {
  cursor: not-allowed !important;
  opacity: 0.7;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list label.s-disabled span.radio {
  background-color: var(--nom-input-bg-disabled);
  border-color: var(--nom-checkbox-border-color) !important;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list.s-disabled label {
  cursor: not-allowed !important;
  opacity: 0.7;
}
.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list.s-disabled label span.radio {
  background-color: var(--nom-input-bg-disabled);
  border-color: var(--nom-checkbox-border-color) !important;
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content {
  display: inline-flex;
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper:first-child {
  padding-left: 1px;
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label {
  position: relative;
  display: inline-flex;
  margin-left: -1px;
  padding-top: 0.375rem;
  padding-right: 0.75rem;
  padding-bottom: 0.375rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  cursor: pointer;
  transition: all 0.3s;
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper:first-child > label {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper:last-child > label {
  border-radius: 0 4px 4px 0;
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected {
  color: var(--nom-color-primary);
  border-color: var(--nom-color-primary);
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper label:hover {
  color: var(--nom-color-primary);
}
.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper label.s-disabled {
  color: initial;
  cursor: not-allowed !important;
  opacity: 0.7;
}
@-webkit-keyframes nom-radio-list-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes nom-radio-list-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes nom-radio-list-keyframe-show {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes nom-radio-list-keyframe-show {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
.nom-result {
  padding: 48px 32px;
}
.nom-result-success .nom-result-icon > .anticon {
  color: var(--nom-color-success);
}
.nom-result-error .nom-result-icon > .anticon {
  color: var(--nom-color-danger);
}
.nom-result-info .nom-result-icon > .anticon {
  color: var(--nom-color-info);
}
.nom-result-warning .nom-result-icon > .anticon {
  color: var(--nom-color-warning);
}
.nom-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.nom-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.nom-result-icon > .anticon {
  font-size: var(--nom-result-icon-action-font-size);
}
.nom-result-title {
  color: var(--nom-result-title-color);
  font-size: var(--nom-result-title-font-size);
  line-height: 1.8;
  text-align: center;
}
.nom-result-subtitle {
  color: var(--nom-result-subtitle-color);
  font-size: var(--nom-result-subtitle-font-size);
  line-height: 1.6;
  text-align: center;
}
.nom-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.nom-result-extra > * {
  margin-right: 8px;
}
.nom-result-extra > *:last-child {
  margin-right: 0;
}
.nom-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: var(--nom-result-content-bg);
}
.nom-checkbox-list .s-disabled .nom-list-item {
  cursor: not-allowed;
  opacity: 0.7;
}
.nom-checkbox-list .s-disabled .nom-list-item span.checkbox {
  background-color: var(--nom-input-bg-disabled);
  border-color: var(--nom-checkbox-border-color) !important;
}
.nom-checkbox-list .s-disabled.nom-list-item {
  cursor: not-allowed;
  opacity: 0.7;
}
.nom-checkbox-list .s-disabled.nom-list-item span.checkbox {
  background-color: var(--nom-input-bg-disabled);
  border-color: var(--nom-checkbox-border-color) !important;
}
.nom-checkbox-list .nom-list-item-wrapper label {
  position: relative;
  display: inline-flex;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 1rem;
  line-height: 1.42857143;
  cursor: pointer;
  transition: all 0.3s;
}
.nom-checkbox-list .nom-list-item-wrapper label i {
  position: absolute;
  display: none;
  width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  margin-top: calc((1em * 1.428571429 - 1em)/2 + 0px);
  background-color: var(--nom-checkbox-checked-bg);
  border: 1px solid var(--nom-checkbox-checked-border-color);
  border-radius: var(--nom-checkbox-border-radius);
  -webkit-animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
  animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
  content: "";
}
.nom-checkbox-list .nom-list-item-wrapper label span.checkbox {
  position: relative;
  z-index: 9;
  width: calc(1rem + 2px);
  min-width: calc(1rem + 2px);
  height: calc(1rem + 2px);
  margin-top: calc((1em * 1.428571429 - 1em)/2 + 0px);
  margin-right: 0.5em;
  background-color: var(--nom-checkbox-bg);
  border: 1px solid var(--nom-checkbox-border-color);
  border-radius: var(--nom-checkbox-border-radius);
  box-shadow: var(--nom-checkbox-box-shadow);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.nom-checkbox-list .nom-list-item-wrapper label span.checkbox:hover {
  background-color: var(--nom-checkbox-bg-hover);
  border-color: var(--nom-checkbox-checked-border-color);
}
.nom-checkbox-list .nom-list-item-wrapper label.s-selected span.checkbox {
  background-color: var(--nom-checkbox-checked-bg);
  border-color: var(--nom-checkbox-checked-border-color);
}
.nom-checkbox-list .nom-list-item-wrapper label.s-selected span.checkbox:hover {
  background-color: var(--nom-checkbox-checked-bg-hover);
}
.nom-checkbox-list .nom-list-item-wrapper label.s-selected span.checkbox::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 5px;
  height: 10px;
  margin-top: -6px;
  margin-left: -2px;
  line-height: 1.42857143;
  border: solid var(--nom-checkbox-checker-color);
  border-width: 0 2px 2px 0 !important;
  box-shadow: var(--nom-checkbox-checker-box-shadow);
  -webkit-animation: nom-checkbox-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
  animation: nom-checkbox-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
  content: '';
}
.nom-checkbox-list .nom-list-item-wrapper label.s-selected i {
  display: block;
}
@-webkit-keyframes nom-checkbox-list-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6) rotate(45deg);
    transform: scale(0.6) rotate(45deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03) rotate(45deg);
    transform: scale(1.03) rotate(45deg);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@keyframes nom-checkbox-list-keyframe-bounce-in {
  0% {
    -webkit-transform: scale(0.6) rotate(45deg);
    transform: scale(0.6) rotate(45deg);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.03) rotate(45deg);
    transform: scale(1.03) rotate(45deg);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@-webkit-keyframes nom-checkbox-list-keyframe-show {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes nom-checkbox-list-keyframe-show {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  to {
    transform: scale(1.7);
    opacity: 0;
  }
}
.nom-select.p-label-align-right > .nom-field-label + .nom-field-content {
  width: 0;
}
.nom-select > .nom-field-content .nom-control {
  position: relative;
  min-height: calc(1.428571429rem + (0.375rem * 2) + 4.88px);
  padding: 0.375rem 24px 0.375rem 12px;
  color: var(--nom-input-color);
  line-height: 1.42857143rem;
  background: var(--nom-input-bg);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  cursor: pointer;
  transition: all 0.3s;
}
.nom-select > .nom-field-content .nom-control:not(.s-disabled):hover {
  border-color: var(--nom-color-primary);
}
.nom-select > .nom-field-content .nom-control .nom-select-single {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item {
  display: flex;
  align-items: center;
  padding: var(--nom-select-selected-item-padding);
  background: var(--nom-select-selected-item-bg);
  border: 1px solid var(--nom-select-selected-item-border-color);
  border-radius: var(--nom-border-radius);
  cursor: default;
}
.nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item.nom-select-overtag-trigger {
  border: none;
  background: transparent;
}
.nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item .nom-select-item-content {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 4px;
}
.nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item .nom-icon {
  font-size: 8px;
}
.nom-select > .nom-field-content .nom-control .nom-select-search-input {
  width: 100%;
  border: none;
  outline: none;
}
.nom-select > .nom-field-content .nom-control .nom-select-arrow {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
}
.nom-select > .nom-field-content .nom-control .nom-select-clear {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  background: var(--nom-input-bg);
  cursor: pointer;
}
.s-disabled.nom-select > .nom-field-content .nom-control .nom-select-clear {
  visibility: hidden;
}
.nom-select > .nom-field-content .nom-control .nom-select-placeholder {
  overflow: hidden;
  color: var(--nom-color-text-2);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.s-disabled.nom-select > .nom-field-content .nom-control {
  background-color: var(--nom-input-bg-disabled);
  cursor: not-allowed !important;
  opacity: 1;
}
.nom-select-extra-tags {
  max-width: 50vw;
  padding: 0.5rem;
}
.nom-select-extra-tags .nom-list-item {
  display: flex;
  align-items: center;
  padding: var(--nom-select-selected-item-padding);
  background: var(--nom-select-selected-item-bg);
  border: 1px solid var(--nom-select-selected-item-border-color);
  border-radius: var(--nom-border-radius);
  cursor: default;
}
.nom-select-extra-tags .nom-list-item .nom-select-item-content {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 4px;
}
.nom-select-extra-tags .nom-list-item .nom-icon {
  font-size: 8px;
}
.nom-select-popup > .nom-layout {
  max-height: 300px;
}
.nom-select-popup > .nom-layout > .nom-layout-body {
  overflow-x: hidden;
}
.nom-select-list .nom-list-item {
  padding: 5px 16px;
  user-select: none;
}
.nom-select-list .nom-list-item:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-select-list .nom-list-item.s-selected {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-select-list .nom-list-item.s-selected:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-select-list .nom-list-item.s-selected.active {
  background-color: var(--nom-color-primary-active);
}
.nom-select-list .nom-list-item.s-selected.disabled,
.nom-select-list .nom-list-item.s-selected[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-select-list .nom-list-item.s-disabled:hover {
  cursor: not-allowed;
}
.nom-select-checker .nom-list-item {
  position: relative;
  padding: 5px 30px;
}
.nom-select-checker .nom-list-item:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-select-checker .nom-list-item.nom-selected::before {
  position: absolute;
  top: 50%;
  left: 16px;
  z-index: 2;
  color: var(--nom-color-primary);
  font-weight: bold;
  font-size: 16px;
  font-family: nom-icon;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '\E632';
}
.nom-select-animate-top-show {
  -webkit-animation: nom-select-keyframe-top-show 0.16s linear forwards;
  animation: nom-select-keyframe-top-show 0.16s linear forwards;
}
.nom-select-animate-bottom-show {
  -webkit-animation: nom-select-keyframe-bottom-show 0.16s linear forwards;
  animation: nom-select-keyframe-bottom-show 0.16s linear forwards;
}
.nom-select-animate-top-hide {
  -webkit-animation: nom-select-keyframe-top-hide 0.16s linear forwards;
  animation: nom-select-keyframe-top-hide 0.16s linear forwards;
}
.nom-select-animate-bottom-hide {
  -webkit-animation: nom-select-keyframe-bottom-hide 0.16s linear forwards;
  animation: nom-select-keyframe-bottom-hide 0.16s linear forwards;
}
@-webkit-keyframes nom-select-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-select-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-select-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-select-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-select-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
}
@keyframes nom-select-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-select-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
}
@keyframes nom-select-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
}
.nom-slide-captcha {
  position: relative;
  display: inline-block;
  /* 验证成功前可拖动部分 */
  /* 验证成功后可拖动部分 */
  /* 大图 */
  /* 滑动的小图 */
  /* 刷新按钮 */
}
.nom-slide-captcha .drag {
  position: relative;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: var(--nom-slide-captcha-drag-bg);
  /* 底部 */
  /* 底部文字 */
}
.nom-slide-captcha .drag .handler {
  position: absolute;
  top: 1px;
  left: 0;
  width: 40px;
  height: 28px;
  border: 1px solid var(--nom-border-color);
  cursor: move;
}
.nom-slide-captcha .drag .drag-bg {
  width: 0;
  height: 30px;
  background-color: var(--nom-color-success);
}
.nom-slide-captcha .drag .drag-text {
  position: absolute;
  top: 0;
  color: var(--nom-slide-captcha-color);
  font-size: var(--nom-slide-captcha-font-size);
  user-select: none;
}
.nom-slide-captcha .handler-bg {
  background: var(--nom-color-white) url('') no-repeat center;
}
.nom-slide-captcha .handler_ok_bg {
  background: var(--nom-color-white) url('') no-repeat center;
}
.nom-slide-captcha .captcha-img {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}
.nom-slide-captcha .small-drag {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid var(--nom-slide-captcha-small-drag-border-color);
  box-shadow: var(--nom-slide-captcha-small-drag-box-shadow);
}
.nom-slide-captcha .refesh-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background-color: var(--nom-slide-captcha-refresh-bg);
}
.nom-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nom-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 1rem;
  list-style: none;
}
.nom-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: 100%;
  border-left: 2px solid #f0f0f0;
}
.nom-timeline-item-pending .nom-timeline-item-head {
  font-size: 0.875rem;
  background-color: transparent;
}
.nom-timeline-item-pending .nom-timeline-item-tail {
  display: none;
}
.nom-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.nom-timeline-item-head-blue {
  color: var(--nom-color-primary);
  border-color: var(--nom-color-primary);
}
.nom-timeline-item-head-red {
  color: var(--nom-color-danger);
  border-color: var(--nom-color-danger);
}
.nom-timeline-item-head-green {
  color: var(--nom-color-success);
  border-color: var(--nom-color-success);
}
.nom-timeline-item-head-gray {
  color: var(--nom-color-disabled-text);
  border-color: var(--nom-color-disabled-text);
}
.nom-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.nom-timeline-item-content {
  position: relative;
  top: -0.42857143rem;
  margin: 0 0 0 1.625rem;
  word-break: break-word;
}
.nom-timeline-item-last > .nom-timeline-item-tail {
  display: none;
}
.nom-timeline-item-last > .nom-timeline-item-content {
  min-height: 48px;
}
.nom-timeline.nom-timeline-alternate .nom-timeline-item-tail,
.nom-timeline.nom-timeline-right .nom-timeline-item-tail,
.nom-timeline.nom-timeline-label .nom-timeline-item-tail,
.nom-timeline.nom-timeline-alternate .nom-timeline-item-head,
.nom-timeline.nom-timeline-right .nom-timeline-item-head,
.nom-timeline.nom-timeline-label .nom-timeline-item-head,
.nom-timeline.nom-timeline-alternate .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-right .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-label .nom-timeline-item-head-custom {
  left: 50%;
}
.nom-timeline.nom-timeline-alternate .nom-timeline-item-head,
.nom-timeline.nom-timeline-right .nom-timeline-item-head,
.nom-timeline.nom-timeline-label .nom-timeline-item-head {
  margin-left: -4px;
}
.nom-timeline.nom-timeline-alternate .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-right .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-label .nom-timeline-item-head-custom {
  margin-left: 1px;
}
.nom-timeline.nom-timeline-alternate .nom-timeline-item-left .nom-timeline-item-content,
.nom-timeline.nom-timeline-right .nom-timeline-item-left .nom-timeline-item-content,
.nom-timeline.nom-timeline-label .nom-timeline-item-left .nom-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.nom-timeline.nom-timeline-alternate .nom-timeline-item-right .nom-timeline-item-content,
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-content,
.nom-timeline.nom-timeline-label .nom-timeline-item-right .nom-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-tail,
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-head,
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-content {
  width: calc(100% - 18px);
}
.nom-timeline.nom-timeline-pending .nom-timeline-item-last .nom-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.nom-timeline.nom-timeline-reverse .nom-timeline-item-last .nom-timeline-item-tail {
  display: none;
}
.nom-timeline.nom-timeline-reverse .nom-timeline-item-pending .nom-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.nom-timeline.nom-timeline-reverse .nom-timeline-item-pending .nom-timeline-item-content {
  min-height: 48px;
}
.nom-timeline.nom-timeline-label .nom-timeline-item-label {
  position: absolute;
  top: -0.42857143rem;
  width: calc(50% - 12px);
  text-align: right;
}
.nom-timeline.nom-timeline-label .nom-timeline-item-right .nom-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.timepicker-group > .nom-col {
  width: 60px;
  max-height: 220px;
  overflow-y: auto;
  text-align: left;
  scroll-behavior: smooth;
  border-left: 1px solid var(--nom-border-color);
}
.timepicker-group > .nom-col:first-child {
  border-left: none;
}
.timepicker-group > .nom-col .nom-list-item {
  padding: 0.25rem;
  cursor: pointer;
}
.timepicker-group > .nom-col .nom-list-item:hover {
  background-color: var(--nom-color-hover);
}
.timepicker-group > .nom-col .nom-list-item.s-selected {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.timepicker-group > .nom-col .nom-list-item.s-selected:hover {
  background-color: var(--nom-color-primary-hover);
}
.timepicker-group > .nom-col .nom-list-item.s-selected.active {
  background-color: var(--nom-color-primary-active);
}
.timepicker-group > .nom-col .nom-list-item.s-selected.disabled,
.timepicker-group > .nom-col .nom-list-item.s-selected[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-time-range-picker {
  text-decoration: inherit;
}
.nom-time-range-picker > .nom-field-content > .nom-control {
  flex-wrap: nowrap !important;
}
.nom-time-range-picker > .nom-field-content > .nom-control > .nom-field.nom-time-picker {
  flex-grow: 1;
}
.nom-static-text.p-label-align-right > .nom-field-label + .nom-field-content {
  width: 0;
}
.nom-static-text > .nom-field-content > .nom-control {
  min-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  padding: 0.375rem 0;
  font-size: 1rem;
  line-height: 1.42857143rem;
}
.nom-date-picker-popup .time-display {
  height: 40px;
  font-size: 18px;
  text-align: center;
}
.nom-date-picker-popup .nom-datepicker-time-panel {
  padding-left: 5px;
  border-left: var(--nom-date-picker-divider);
}
.nom-date-picker-popup .nom-datepicker-panel-header {
  text-align: center;
  margin: 2px -4px;
  color: var(--nom-date-picker-header-text-color);
}
.nom-date-picker-popup .nom-list .nom-list-content .nom-list-item-wrapper .nom-list-item.s-disabled {
  opacity: 0.5;
}
.nom-date-picker-popup .timepicker-group > .nom-col {
  width: 60px;
  max-height: 220px;
  overflow-y: hidden;
  text-align: left;
  scroll-behavior: smooth;
  border-left: 1px solid var(--nom-border-color);
}
.nom-date-picker-popup .timepicker-group > .nom-col:first-child {
  border-left: none;
}
.nom-date-picker-popup .timepicker-group > .nom-col:hover {
  overflow-y: auto;
}
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item {
  padding: 0.25rem;
  cursor: pointer;
}
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item:hover {
  background-color: var(--nom-color-hover);
}
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected.active {
  background-color: var(--nom-color-primary-active);
}
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected.disabled,
.nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-date-range-picker {
  text-decoration: inherit;
}
.nom-date-range-picker > .nom-field-content > .nom-control {
  flex-wrap: nowrap !important;
}
.nom-date-range-picker > .nom-field-content > .nom-control > .nom-field.nom-date-picker {
  flex-grow: 1;
}
.nom-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #343a40;
  font-size: 1rem;
  font-variant: tabular-nums;
  line-height: 1.42857143;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid var(--nom-divider-border-color);
}
.nom-divider.p-type-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid var(--nom-divider-border-color);
}
.nom-divider.p-type-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.nom-divider.p-type-horizontal.nom-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: var(--nom-divider-header-color);
  font-weight: 500;
  font-size: 1.25rem;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: var(--nom-divider-border-color);
}
.nom-divider.p-type-horizontal.nom-divider-with-text::before,
.nom-divider.p-type-horizontal.nom-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.nom-divider.p-type-horizontal.nom-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.nom-divider.p-type-horizontal.nom-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.nom-divider.p-type-horizontal.nom-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.nom-divider.p-type-horizontal.nom-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.nom-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.nom-divider-dashed {
  background: none;
  border-color: var(--nom-divider-border-color);
  border-style: dashed;
  border-width: 1px 0 0;
}
.nom-divider.p-type-horizontal.nom-divider-with-text.nom-divider-dashed {
  border-top: 0;
}
.nom-divider.p-type-horizontal.nom-divider-with-text.nom-divider-dashed::before,
.nom-divider.p-type-horizontal.nom-divider-with-text.nom-divider-dashed::after {
  border-style: dashed none none;
}
.nom-divider.p-type-vertical.nom-divider-dashed {
  border-width: 0 0 0 1px;
}
.nom-divider-plain.nom-divider-with-text {
  color: var(--nom-text-color) !important;
  font-weight: normal !important;
  font-size: 1rem !important;
}
.nom-field {
  display: flex;
  outline: none;
}
.nom-field.p-plain > .nom-field-label {
  padding: 0;
}
.nom-field.p-plain > .nom-field-content {
  padding: 0;
}
.nom-field > .nom-field-label {
  padding: 0.5rem 0.5rem;
}
.nom-field > .nom-field-label > .nom-label {
  display: block;
}
.nom-field > .nom-field-content {
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
  padding: 0.5rem 0.5rem;
}
.nom-field > .nom-field-content:not(:hover) .nom-field-clear-handler {
  visibility: hidden;
  opacity: 0;
  transition: opacity ease-in 0.1s;
}
.nom-field > .nom-field-content .nom-field-clear-handler {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
}
.nom-field > .nom-field-content > .nom-control:focus-within {
  border-color: var(--nom-color-primary);
}
.p-control-width-xsmall.nom-field > .nom-field-content > .nom-control {
  max-width: 104px;
}
.p-control-width-small.nom-field > .nom-field-content > .nom-control {
  max-width: 216px;
}
.p-control-width-medium.nom-field > .nom-field-content > .nom-control {
  max-width: 328px;
}
.p-control-width-large.nom-field > .nom-field-content > .nom-control {
  max-width: 440px;
}
.p-control-width-xlarge.nom-field > .nom-field-content > .nom-control {
  max-width: 552px;
}
.nom-field > .nom-field-content > .nom-control-before.nom-list {
  padding: 0.5rem 0.5rem;
}
.nom-field > .nom-field-content > .nom-control-after.nom-list {
  padding: 0.5rem 0.5rem;
}
.nom-field > .nom-field-content .nom-control-extra {
  margin-top: var(--nom-field-gutter-base);
  color: var(--nom-color-text-2);
  word-break: break-all;
}
.nom-field > .nom-field-action.nom-list {
  padding: 0.5rem 0.5rem;
}
.nom-field.p-inline:not(.nom-group) {
  display: inline-flex !important;
}
.nom-field.p-required:not(.p-required-mark-optional) > .nom-field-label > .nom-label::before {
  display: inline-block;
  margin-right: 4px;
  color: var(--nom-color-danger);
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.nom-field.s-invalid > .nom-field-content {
  color: var(--nom-color-text-0);
}
.nom-field.s-invalid > .nom-field-content > .nom-control {
  background-color: rgba(var(--nom-red-5), 0.1);
  border-color: var(--nom-color-danger) !important;
}
.nom-field.s-invalid > .nom-field-content > .nom-control > input {
  background: transparent;
  border-color: var(--nom-color-danger);
}
@media (min-width: 576px) {
  .nom-field.p-label-align-top {
    flex-direction: column;
  }
  .nom-field.p-label-align-right > .nom-field-label,
  .nom-field.p-label-align-left > .nom-field-label {
    flex: 0 0 13rem;
    max-width: 13rem;
    margin-bottom: 0;
  }
  .nom-field.p-label-align-right > .nom-field-label > .nom-label,
  .nom-field.p-label-align-left > .nom-field-label > .nom-label {
    padding: 0.375rem;
  }
  .nom-field.p-label-align-right > .nom-field-label {
    text-align: right;
  }
  .nom-field.p-label-align-left > .nom-field-label {
    text-align: left;
  }
}
.nom-field.p-span-auto {
  width: auto;
}
.nom-group > .nom-field-content {
  padding: 0;
}
.nom-group > .nom-field-content > .nom-control {
  display: flex;
  flex-wrap: wrap;
}
.nom-group > .nom-field-content > .nom-control > .nom-field {
  width: 100%;
}
.nom-group > .nom-field-content > .nom-control-after {
  margin-top: 6px;
}
.nom-group > .nom-field-content > .nom-control-action {
  padding: 0.875rem;
}
.nom-group.p-nowrap > .nom-field-content > .nom-control {
  flex-wrap: nowrap;
}
.nom-group.p-nowrap > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
  flex-basis: auto;
  width: auto;
}
.nom-group.p-nowrap > .nom-field-content > .nom-control > .nom-field > .nom-field-content {
  flex-basis: auto;
}
.nom-group.p-inline > .nom-field-content > .nom-control > .nom-field {
  flex-basis: auto;
  width: auto;
}
.nom-group.p-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
  flex-basis: auto;
  width: auto;
}
.nom-group.p-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-content {
  flex-basis: auto;
}
.nom-group.p-striped > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
  color: inherit !important;
  background-color: var(--nom-color-lgray) !important;
}
.nom-group.p-line-splitline {
  margin: 0 !important;
  clip-path: inset(-50px 0 1px 1px);
}
.nom-group.p-line-splitline > .nom-field-content > .nom-control > .nom-field {
  border-left: 1px solid var(--nom-border-color);
  border-bottom: 1px solid var(--nom-border-color);
  margin-bottom: -1px;
  margin-left: -1px;
}
.nom-group.p-line-outline {
  margin: 0 !important;
  border: 1px solid var(--nom-border-color);
}
.nom-group.p-line-outline > .nom-field-content > .nom-control {
  margin-bottom: -1px;
  margin-left: -1px;
}
.nom-group.p-line-outline > .nom-field-content > .nom-control > .nom-field {
  border-left: 1px solid var(--nom-border-color);
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-group.p-uistyle-table {
  margin: 0 !important;
  border: 1px solid var(--nom-border-color);
}
.nom-group.p-uistyle-table > .nom-field-content > .nom-control {
  margin-bottom: -1px;
  margin-left: -1px;
}
.nom-group.p-uistyle-table > .nom-field-content > .nom-control > .nom-field {
  border-left: 1px solid var(--nom-border-color);
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-group.p-uistyle-table > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
  color: inherit !important;
  background-color: var(--nom-color-lgray) !important;
}
.nom-group.p-uistyle-inline > .nom-field-content > .nom-control > .nom-field {
  flex-basis: auto;
  width: auto;
}
.nom-group.p-uistyle-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
  flex-basis: auto;
  width: auto;
}
.nom-group.p-uistyle-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-content {
  flex-basis: auto;
}
.nom-group-grid .nom-control-action {
  margin-top: 6px;
}
.nom-group-list .nom-field-action.nom-list {
  display: flex;
  align-items: end;
}
.nom-file-list {
  margin-top: 2em;
}
.nom-file-list > :not(:last-child) {
  margin-bottom: 1em;
}
.nom-file-list-only {
  margin-top: 0;
}
.upload-img-container {
  width: var(--nom-uploader-file-img-size);
  height: var(--nom-uploader-file-img-size);
  margin-right: 10px;
}
.upload-img-container img {
  width: 100%;
  height: 100%;
}
.upload-info-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}
.upload-file-name {
  margin-right: 10px;
  color: var(--nom-color-primary);
}
.upload-file-name:hover {
  text-decoration: none;
}
.upload-file-update {
  margin-left: 10px;
  padding-left: 10px;
}
.upload-opt-btn > a {
  color: var(--nom-text-color);
}
.upload-opt-btn > a:hover {
  color: var(--nom-color-primary);
  text-decoration: none;
}
.upload-opt-btn > :not(:last-child) {
  margin-right: 20px;
}
.upload-opt-removing > a {
  cursor: not-allowed;
}
.file-img {
  font-size: var(--nom-uploader-file-img-size);
}
.file-loading-img {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: var(--nom-uploader-file-img-size);
  transform: translate(-50%, -50%);
}
.nom-badge {
  /* Structure */
  display: inline-block;
  color: #495057;
  line-height: normal;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: var(--nom-badge-background-color);
  border: 1px solid transparent;
  border-color: var(--nom-border-color);
  border-radius: 2px;
  user-select: none;
  zoom: 0.95;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.42857143;
  border-radius: var(--nom-border-radius);
}
.nom-badge.nom-badge-pointer {
  cursor: pointer;
}
.nom-badge.p-size-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: var(--nom-border-radius-sm);
}
.nom-badge.p-size-xs {
  padding: 0.125rem 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: var(--nom-border-radius-sm);
}
.nom-badge.p-size-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.3333333;
  border-radius: var(--nom-border-radius-lg);
}
.nom-badge.p-size-xl {
  padding: 0.75rem 1.25rem;
  font-size: 1.5rem;
  line-height: 1.3333333;
  border-radius: var(--nom-border-radius-lg);
}
.nom-badge.p-plain {
  background-color: transparent;
  border: 0;
}
.nom-badge.p-plain:hover {
  background-color: var(--nom-color-primary-hover);
  outline: none;
}
.nom-badge.p-color-red {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-red-8));
  border-color: rgb(var(--nom-red-8));
}
.nom-badge.p-color-orange {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-orange-4));
  border-color: rgb(var(--nom-orange-4));
}
.nom-badge.p-color-yellow {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-yellow-4));
  border-color: rgb(var(--nom-yellow-4));
}
.nom-badge.p-color-olive {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-lime-4));
  border-color: rgb(var(--nom-lime-4));
}
.nom-badge.p-color-green {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-green-4));
  border-color: rgb(var(--nom-green-4));
}
.nom-badge.p-color-teal {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-cyan-4));
  border-color: rgb(var(--nom-cyan-4));
}
.nom-badge.p-color-blue {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-indigo-4));
  border-color: rgb(var(--nom-indigo-4));
}
.nom-badge.p-color-violet {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-grape-4));
  border-color: rgb(var(--nom-grape-4));
}
.nom-badge.p-color-purple {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-grape-2));
  border-color: rgb(var(--nom-grape-2));
}
.nom-badge.p-color-pink {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-pink-4));
  border-color: rgb(var(--nom-pink-4));
}
.nom-badge.p-color-brown {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-orange-3));
  border-color: rgb(var(--nom-orange-3));
}
.nom-badge.p-color-crimson {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-red-6));
  border-color: rgb(var(--nom-red-6));
}
.nom-badge.p-color-skyblue {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-blue-4));
  border-color: rgb(var(--nom-blue-4));
}
.nom-badge.p-color-silver {
  color: rgb(var(--nom-grey-9));
  background-color: rgb(var(--nom-grey-0));
  border-color: rgb(var(--nom-grey-0));
}
.nom-badge.p-with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nom-badge > .nom-icon {
  display: inline-flex;
}
.nom-badge > .nom-icon + span,
.nom-badge > span + .nom-icon {
  margin-left: 0.1rem;
}
.nom-badge.p-type-round {
  min-width: 1.75rem;
}
.nom-badge.p-type-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  padding: 0 !important;
  border-radius: 200px;
  transform: translate(50%, -50%);
  zoom: 1;
}
.nom-badge.p-type-dot.p-with-number {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  min-width: 16px;
  max-width: 30px;
  height: 16px;
  padding: 1px 3px;
  overflow: hidden;
  font-size: 10px;
  line-height: 13px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  border-radius: 200px;
  transform: translate(50%, -50%);
}
.nom-badge.p-type-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  min-width: 16px;
  max-width: 60px;
  height: 16px;
  padding: 1px 3px;
  overflow: hidden;
  font-size: 10px;
  line-height: 13px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  border-radius: 200px;
  transform: translate(50%, -50%);
}
.nom-badge .nom-badge-remove {
  position: relative;
  top: 2px;
  margin-left: 1px !important;
}
.nom-badge .nom-badge-remove svg {
  fill: rgb(var(--nom-white));
}
.s-with-badge {
  position: relative;
}
.nom-collapse-wrapper {
  font-size: inherit;
}
.nom-collapse-item > .nom-collapse-item-title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  border-radius: var(--nom-border-radius);
  user-select: none;
}
.nom-collapse-item > .nom-collapse-item-title .nom-icon {
  color: var(--nom-collapse-icon-color);
  cursor: pointer;
}
.nom-collapse-item > .nom-collapse-item-title > .nom-collapse-right-icon {
  position: absolute;
  right: 0;
  transform: translateX(-50%);
}
.nom-collapse-item > .nom-collapse-item-content {
  padding: 0 1rem 0 1.5rem;
  overflow: hidden;
  border-radius: 0 0 var(--nom-border-radius) var(--nom-border-radius);
}
.nom-collapse-item.nom-collapse-bordered .nom-collapse-item-title {
  padding: 0.5rem;
  border: 1px solid var(--nom-border-color);
}
.nom-collapse-item.nom-collapse-bordered .nom-collapse-item-content {
  padding: 0.5rem;
  border: 1px solid var(--nom-border-color);
}
.nom-collapse-item .nom-collapse-item-open {
  border-bottom: none !important;
  border-radius: var(--nom-border-radius) var(--nom-border-radius) 0 0;
}
.nom-collapse-animate-show {
  -webkit-animation: nom-collapse-keyframe-show 0.12s linear forwards;
  animation: nom-collapse-keyframe-show 0.12s linear forwards;
}
.nom-collapse-animate-hide {
  -webkit-animation: nom-collapse-keyframe-hide 0.12s ease forwards;
  animation: nom-collapse-keyframe-hide 0.12s ease forwards;
}
@-webkit-keyframes nom-collapse-keyframe-show {
  0% {
    max-height: 0;
  }
  90% {
    max-height: 50px;
  }
  to {
    max-height: none;
  }
}
@keyframes nom-collapse-keyframe-show {
  0% {
    max-height: 0;
  }
  90% {
    max-height: 50px;
  }
  to {
    max-height: none;
  }
}
@-webkit-keyframes nom-collapse-keyframe-hide {
  0% {
    max-height: 50px;
  }
  90% {
    max-height: 0;
  }
  to {
    max-height: none;
  }
}
@keyframes nom-collapse-keyframe-hide {
  0% {
    max-height: 50px;
  }
  90% {
    max-height: 0;
  }
  to {
    max-height: none;
  }
}
.nom-tree .nom-tree-node-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 12px;
  cursor: pointer;
}
.nom-tree .nom-tree-node-content:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-tree .nom-tree-node-content:hover .nom-tree-drag-handler {
  visibility: visible;
}
.nom-tree .nom-tree-node-content:hover > .nom-tree-node-content-tools-hover {
  visibility: visible !important;
}
.nom-tree .nom-tree-node-content.s-selected {
  background-color: var(--nom-tree-selected-color);
}
.s-disabled.nom-tree .nom-tree-node-content .nom-checkbox,
.nom-tree .nom-tree-node-content.s-disabled .nom-checkbox {
  cursor: not-allowed;
  opacity: 0.7;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-expandable-indicator {
  flex-shrink: 0;
  width: 30px;
  height: 24px;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-expandable-indicator.is-leaf {
  color: transparent;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-content-icon {
  margin-right: 6px;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-content-tools {
  margin-left: 5px;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-content-tools.nom-tree-node-content-tools-flex {
  flex-grow: 2;
  justify-content: start;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-content-tools.nom-tree-node-content-tools-hover {
  visibility: hidden;
}
.nom-tree .nom-tree-node-content > .nom-tree-node-checkbox {
  margin-right: 6px;
}
.nom-tree .nom-tree-node-content .nom-tree-drag-handler {
  visibility: hidden;
  cursor: pointer;
}
.nom-tree > .nom-tree-check-all {
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-tree.p-fit {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nom-tree.p-fit > .nom-tree-nodes {
  flex: 1;
  height: 100%;
  overflow: auto;
}
.nom-tree-select.p-label-align-right > .nom-field-label + .nom-field-content {
  width: 0;
}
.nom-tree-select > .nom-field-content .nom-control {
  position: relative;
  height: 100%;
  min-height: calc(1.428571429rem + (0.375rem * 2) + 4.88px);
  padding: 0.375rem 24px 0.375rem 12px;
  color: var(--nom-input-color);
  line-height: 1.42857143rem;
  background: var(--nom-input-bg);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  cursor: pointer;
}
.nom-tree-select > .nom-field-content .nom-control:hover {
  border-color: var(--nom-color-primary);
}
.nom-tree-select > .nom-field-content .nom-control:focus-within {
  border-color: var(--nom-color-primary);
}
.nom-tree-select > .nom-field-content .nom-control .nom-tree-select-placeholder {
  margin-top: 1.44px;
  overflow: hidden;
  color: var(--nom-input-placeholder-color);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nom-tree-select > .nom-field-content .nom-control .nom-tree-select-clear {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  background: var(--nom-input-bg);
  cursor: pointer;
}
.nom-tree-select > .nom-field-content .nom-tree-select-tag-hidden {
  display: none;
}
.nom-tree-select.s-disabled .nom-control,
.nom-tree-select.s-disabled:hover .nom-control,
.nom-tree-select[readonly] .nom-control,
.nom-tree-select[readonly]:hover .nom-control {
  background: var(--nom-input-bg-disabled);
  border-color: var(--nom-color-border);
}
.nom-tree-select.s-disabled .nom-tree-select-clear,
.nom-tree-select.s-disabled:hover .nom-tree-select-clear,
.nom-tree-select[readonly] .nom-tree-select-clear,
.nom-tree-select[readonly]:hover .nom-tree-select-clear {
  visibility: hidden;
}
.nom-tree-select .nom-tree-select-single {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nom-tree-select .nom-tree-select-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  padding: 0 8px;
  line-height: 1;
}
.nom-tree-select-item {
  display: block;
}
.nom-tree-select-popup {
  padding: 5px 5px;
}
.nom-tree-select-popup > .nom-layout {
  max-height: 300px;
}
.nom-tree-select-popup .nom-tree .nom-tree-node:not(.s-disabled).filter-node > .nom-tree-node-content .nom-tree-node-content-text {
  color: inherit;
  font-weight: 500;
}
.nom-tree-select-overtag-trigger {
  border: none !important;
  background: transparent;
  cursor: default;
}
.nom-tree-select-extra-tags {
  max-width: 50vw;
  padding: 0.5rem;
}
.nom-tree-select-extra-tags .nom-list-item {
  display: flex;
  align-items: center;
  padding: var(--nom-select-selected-item-padding);
  background: var(--nom-select-selected-item-bg);
  border: 1px solid var(--nom-select-selected-item-border-color);
  border-radius: var(--nom-border-radius);
  cursor: default;
}
.nom-tree-select-extra-tags .nom-list-item .nom-select-item-content {
  max-width: 20rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 4px;
}
.nom-tree-select-extra-tags .nom-list-item .nom-icon {
  font-size: 8px;
}
.nom-tree-select-content .nom-tag {
  margin-right: 0.5rem;
}
.nom-tree-select-animate-top-show {
  -webkit-animation: nom-tree-select-keyframe-top-show 0.16s linear forwards;
  animation: nom-tree-select-keyframe-top-show 0.16s linear forwards;
}
.nom-tree-select-animate-bottom-show {
  -webkit-animation: nom-tree-select-keyframe-bottom-show 0.16s linear forwards;
  animation: nom-tree-select-keyframe-bottom-show 0.16s linear forwards;
}
.nom-tree-select-animate-top-hide {
  -webkit-animation: nom-tree-select-keyframe-top-hide 0.16s linear forwards;
  animation: nom-tree-select-keyframe-top-hide 0.16s linear forwards;
}
.nom-tree-select-animate-bottom-hide {
  -webkit-animation: nom-tree-select-keyframe-bottom-hide 0.16s linear forwards;
  animation: nom-tree-select-keyframe-bottom-hide 0.16s linear forwards;
}
@-webkit-keyframes nom-tree-select-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-tree-select-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-tree-select-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-tree-select-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-tree-select-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
}
@keyframes nom-tree-select-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-tree-select-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
}
@keyframes nom-tree-select-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
}
.nom-switch > .nom-field-content .nom-switch-control {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  color: var(--nom-switch-btn-bg-color);
  background-color: var(--nom-switch-bg-color);
  border: none;
  border-radius: 100px;
  outline: none;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  min-width: 64px;
  height: 32px;
  font-size: 1rem;
}
.nom-switch > .nom-field-content .nom-switch-control i {
  position: absolute;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 var(--nom-color-primary);
  opacity: 0.2;
  -webkit-animation: fadeeffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveeffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  content: "";
  pointer-events: none;
  inset: 0;
}
.nom-switch > .nom-field-content .nom-switch-control.nom-switch-active {
  background-color: var(--nom-color-primary);
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-text {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator {
  width: calc(var(--nom-switch-height-base) - 4px);
  height: calc(var(--nom-switch-height-base) - 4px);
  background-color: var(--nom-switch-indicator-bg-color);
  border-radius: 50%;
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator-left {
  -webkit-animation: nom-switch-keyframe-right-show 0.24s linear forwards;
  animation: nom-switch-keyframe-right-show 0.24s linear forwards;
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator-right {
  -webkit-animation: nom-switch-keyframe-left-show 0.24s linear forwards;
  animation: nom-switch-keyframe-left-show 0.24s linear forwards;
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-text-left {
  -webkit-animation: nom-switch-keyframe-right-show 0.24s linear forwards;
  animation: nom-switch-keyframe-right-show 0.24s linear forwards;
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-text-right {
  -webkit-animation: nom-switch-keyframe-left-show 0.24s linear forwards;
  animation: nom-switch-keyframe-left-show 0.24s linear forwards;
}
.nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator {
  width: calc(32px - 4px);
  height: calc(32px - 4px);
}
.nom-switch.p-size-small > .nom-field-content .nom-switch-control {
  min-width: 48px;
  height: 24px;
  font-size: 0.875rem;
}
.nom-switch.p-size-small > .nom-field-content .nom-switch-control .nom-switch-indicator {
  width: calc(24px - 4px);
  height: calc(24px - 4px);
}
.nom-switch.p-size-xsmall > .nom-field-content .nom-switch-control {
  min-width: 32px;
  height: 16px;
  font-size: var(--nom-switch-font-size-xs);
}
.nom-switch.p-size-xsmall > .nom-field-content .nom-switch-control .nom-switch-indicator {
  width: calc(16px - 4px);
  height: calc(16px - 4px);
}
.nom-switch.p-size-large > .nom-field-content .nom-switch-control {
  min-width: 80px;
  height: 40px;
  font-size: 1.25rem;
}
.nom-switch.p-size-large > .nom-field-content .nom-switch-control .nom-switch-indicator {
  width: calc(40px - 4px);
  height: calc(40px - 4px);
}
.nom-switch.p-size-xlarge > .nom-field-content .nom-switch-control {
  min-width: 96px;
  height: 48px;
  font-size: 1.5rem;
}
.nom-switch.p-size-xlarge > .nom-field-content .nom-switch-control .nom-switch-indicator {
  width: calc(48px - 4px);
  height: calc(48px - 4px);
}
.nom-switch.s-disabled > .nom-field-content .nom-switch-control {
  background-color: var(--nom-switch-disable-color);
}
.nom-switch.s-disabled > .nom-field-content .nom-switch-control .nom-switch-text {
  color: var(--nom-switch-disable-text);
}
.nom-switch.s-disabled > .nom-field-content .nom-switch-active {
  background-color: var(--nom-color-primary-disabled) !important;
}
@-webkit-keyframes waveEffect {
  to {
    box-shadow: 0 0 0 6px var(--nom-color-primary);
  }
}
@keyframes waveEffect {
  to {
    box-shadow: 0 0 0 6px var(--nom-color-primary);
  }
}
@-webkit-keyframes fadeEffect {
  to {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes nom-switch-keyframe-left-show {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes nom-switch-keyframe-left-show {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-switch-keyframe-right-show {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes nom-switch-keyframe-right-show {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
.nom-mask-info .nom-icon.p-type-eye {
  position: relative;
  top: 2px;
  color: var(--nom-control-icon-color);
  cursor: pointer;
  margin-right: 2px;
}
.nom-mask-info .p-type-eye {
  transition: all 0.3s;
}
.nom-mask-info .p-type-eye:hover {
  color: var(--nom-color-primary);
  transform: scale(1.5);
}
.nom-mask-info-field > .nom-field-content > .nom-control {
  min-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  padding: 0.375rem 0;
  font-size: 1rem;
  line-height: 1.42857143rem;
}
.nom-mask-info-field > .nom-field-content > .nom-control .nom-icon.p-type-eye {
  transition: all 0.3s;
}
.nom-mask-info-field > .nom-field-content > .nom-control .nom-icon.p-type-eye:hover {
  color: var(--nom-color-primary);
  transform: scale(1.5);
}
.nom-tag {
  /* Structure */
  display: inline-block;
  color: #495057;
  line-height: normal;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  background-color: var(--nom-tag-background-color);
  border: 1px solid transparent;
  border-color: var(--nom-border-color);
  border-radius: 2px;
  user-select: none;
  zoom: 0.95;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.42857143;
  border-radius: var(--nom-border-radius);
}
.nom-tag.nom-tag-pointer {
  cursor: pointer;
}
.nom-tag.p-size-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: var(--nom-border-radius-sm);
}
.nom-tag.p-size-xs {
  padding: 0.125rem 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: var(--nom-border-radius-sm);
}
.nom-tag.p-size-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.3333333;
  border-radius: var(--nom-border-radius-lg);
}
.nom-tag.p-size-xl {
  padding: 0.75rem 1.25rem;
  font-size: 1.5rem;
  line-height: 1.3333333;
  border-radius: var(--nom-border-radius-lg);
}
.nom-tag.p-with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nom-tag.p-type-round {
  min-width: 1.75rem;
}
.nom-tag .nom-tag-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block !important;
}
.nom-tag > .nom-icon {
  display: inline-flex;
}
.nom-tag > .nom-icon + span,
.nom-tag > span + .nom-icon {
  margin-left: 0.1rem;
}
.nom-tag .nom-tag-remove svg {
  fill: var(--nom-tag-remove-color);
}
.nom-tag .nom-tag-remove.nom-tag-remove-basic svg {
  fill: var(--nom-tag-remove-basic-color);
}
.nom-tag.p-color-red {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-red-8));
  border-color: rgb(var(--nom-red-8));
}
.nom-tag.p-color-orange {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-orange-4));
  border-color: rgb(var(--nom-orange-4));
}
.nom-tag.p-color-yellow {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-yellow-4));
  border-color: rgb(var(--nom-yellow-4));
}
.nom-tag.p-color-olive {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-lime-4));
  border-color: rgb(var(--nom-lime-4));
}
.nom-tag.p-color-green {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-green-4));
  border-color: rgb(var(--nom-green-4));
}
.nom-tag.p-color-teal {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-cyan-4));
  border-color: rgb(var(--nom-cyan-4));
}
.nom-tag.p-color-blue {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-indigo-4));
  border-color: rgb(var(--nom-indigo-4));
}
.nom-tag.p-color-violet {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-grape-4));
  border-color: rgb(var(--nom-grape-4));
}
.nom-tag.p-color-purple {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-grape-2));
  border-color: rgb(var(--nom-grape-2));
}
.nom-tag.p-color-pink {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-pink-4));
  border-color: rgb(var(--nom-pink-4));
}
.nom-tag.p-color-brown {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-orange-3));
  border-color: rgb(var(--nom-orange-3));
}
.nom-tag.p-color-crimson {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-red-6));
  border-color: rgb(var(--nom-red-6));
}
.nom-tag.p-color-skyblue {
  color: rgb(var(--nom-white));
  background-color: rgb(var(--nom-blue-4));
  border-color: rgb(var(--nom-blue-4));
}
.nom-tag.p-color-silver {
  color: rgb(var(--nom-grey-9));
  background-color: rgb(var(--nom-grey-2));
  border-color: rgb(var(--nom-grey-2));
}
.nom-ellipsis {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.nom-ellipsis .nom-ellipsis-inner {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.nom-ellipsis .nom-ellipsis-inner.nom-ellipsis-nowrap {
  white-space: nowrap;
  word-break: break-all;
}
.nom-ellipsis-block {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nom-empty {
  margin: 0 8px;
  font-size: 1rem;
  line-height: 1.42857143;
  text-align: center;
}
.nom-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.nom-empty-image .nom-empty-img-normal {
  transform: translateX(8px);
}
.nom-empty-image img {
  height: 100%;
}
.nom-empty-image svg {
  height: 100%;
  margin: auto;
}
.nom-empty-footer {
  margin-top: 16px;
}
.nom-empty-normal {
  margin: 32px 0;
  color: var(--nom-color-text-2);
}
.nom-empty-normal .nom-empty-image {
  height: 40px;
}
.nom-empty-small {
  margin: 8px 0;
  color: var(--nom-color-text-2);
}
.nom-empty-small .nom-empty-image {
  height: 35px;
}
.nom-empty.p-size-small {
  padding-top: 50px;
  padding-bottom: 50px;
}
.nom-empty.p-size-large {
  padding-top: 100px;
  padding-bottom: 100px;
}
.nom-empty.p-size-xlarge {
  padding-top: 150px;
  padding-bottom: 150px;
}
.nom-popup.nom-password-popup {
  background-color: var(--nom-color-warning-light-default);
  border: 1px solid var(--nom-color-warning);
  padding: 0.5rem 1rem;
  border-radius: var(--nom-tooltip-border-radius);
  margin-top: 10px;
}
.nom-password-arrow {
  position: absolute;
  top: 0;
  right: auto;
  left: 50%;
  transform: translate(-50%, -11px) rotate(180deg);
  color: var(--nom-color-warning);
}
.nom-cascader.p-label-align-right > .nom-field-label + .nom-field-content {
  width: 0;
}
.nom-cascader > .nom-field-content .nom-control {
  position: relative;
  min-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  padding: 0.375rem 24px 0.375rem 12px;
  color: var(--nom-text-color) !important;
  line-height: 1.42857143rem;
  background: var(--nom-bg-color);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  cursor: pointer;
}
.nom-cascader > .nom-field-content .nom-control:not(.s-disabled):hover {
  border: 1px solid var(--nom-color-primary);
}
.nom-cascader > .nom-field-content .nom-control .nom-cascader-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.nom-cascader > .nom-field-content .nom-control .nom-cascader-icon {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
}
.nom-cascader > .nom-field-content .nom-control .nom-cascader-placeholder {
  color: var(--nom-input-placeholder-color);
}
.s-disabled.nom-cascader > .nom-field-content .nom-control {
  background-color: var(--nom-input-bg-disabled);
  cursor: not-allowed !important;
  opacity: 1;
}
.nom-cascader-popup {
  overflow: hidden;
}
.nom-cascader-popup > .nom-layout {
  max-height: 300px;
}
.nom-cascader-popup > .nom-layout.nom-cascader-pop-container {
  display: block;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body {
  overflow-x: hidden;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu {
  display: inline-block;
  min-width: 111px;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid var(--nom-border-color);
  transition: all 0.3s;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu:last-child {
  border-right: none;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item:hover {
  cursor: pointer;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active.active {
  background-color: var(--nom-color-primary-active);
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active.disabled,
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
.nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item > .nom-cascader-menu-item-expand-icon {
  padding-left: 1rem;
}
.nom-cascader-animate-top-show {
  -webkit-animation: nom-cascader-keyframe-top-show 0.16s linear forwards;
  animation: nom-cascader-keyframe-top-show 0.16s linear forwards;
}
.nom-cascader-animate-bottom-show {
  -webkit-animation: nom-cascader-keyframe-bottom-show 0.16s linear forwards;
  animation: nom-cascader-keyframe-bottom-show 0.16s linear forwards;
}
.nom-cascader-animate-top-hide {
  -webkit-animation: nom-cascader-keyframe-top-hide 0.16s linear forwards;
  animation: nom-cascader-keyframe-top-hide 0.16s linear forwards;
}
.nom-cascader-animate-bottom-hide {
  -webkit-animation: nom-cascader-keyframe-bottom-hide 0.16s linear forwards;
  animation: nom-cascader-keyframe-bottom-hide 0.16s linear forwards;
}
@-webkit-keyframes nom-cascader-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-cascader-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-cascader-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-cascader-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-cascader-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }
}
@keyframes nom-cascader-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-cascader-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
  }
}
@keyframes nom-cascader-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
  }
}
.nom-number-spinner-icon-opt {
  cursor: pointer;
}
.nom-number-spinner .nom-control {
  position: relative;
}
.nom-number-spinner .nom-control .nom-icon {
  font-size: 8px;
}
.nom-number-spinner .nom-control .spinner-input-with-double-icon {
  position: absolute;
  left: 1.25rem;
  width: calc(100% - 2.5rem);
}
.nom-number-spinner .nom-control .spinner-input-with-left-icon {
  position: absolute;
  left: 1.25rem;
  width: calc(100% - 1.25rem);
}
.nom-number-spinner .nom-control .spinner-input-with-right-icon {
  position: absolute;
  width: calc(100% - 1.25rem);
}
.nom-number-spinner .nom-control .nom-textbox-right-icon-container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 1rem;
  height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  color: var(--nom-input-color);
  line-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  cursor: pointer;
}
.nom-number-spinner .nom-control .nom-textbox-right-icon-container.nom-icon:hover {
  background-color: var(--nom-color-hover);
}
.nom-number-spinner .nom-control .nom-textbox-right-icon-container.nom-icon:active {
  background-color: var(--nom-color-fill-2);
}
.nom-number-spinner .nom-control .nom-textbox-right-icon-container .nom-icon:hover {
  background-color: var(--nom-color-hover);
}
.nom-number-spinner .nom-control .nom-textbox-right-icon-container .nom-icon:active {
  background-color: var(--nom-color-fill-2);
}
.nom-number-spinner .nom-control .nom-textbox-left-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 1rem;
  height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  color: var(--nom-input-color);
  line-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
  border: 1px solid var(--nom-border-color);
  border-radius: var(--nom-border-radius);
  cursor: pointer;
}
.nom-number-spinner .nom-control .nom-textbox-left-icon-container.nom-icon:hover {
  background-color: var(--nom-color-hover);
}
.nom-number-spinner .nom-control .nom-textbox-left-icon-container.nom-icon:active {
  background-color: var(--nom-color-fill-2);
}
.nom-number-spinner .nom-control .nom-textbox-left-icon-container .nom-icon:hover {
  background-color: var(--nom-color-hover);
}
.nom-number-spinner .nom-control .nom-textbox-left-icon-container .nom-icon:active {
  background-color: var(--nom-color-fill-2);
}
.nom-number-spinner.s-disabled .nom-textbox-right-icon-container,
.nom-number-spinner.s-disabled .nom-textbox-left-icon-container {
  background-color: var(--nom-input-bg-disabled);
  cursor: not-allowed;
}
.nom-number-spinner.s-disabled .nom-icon:hover {
  background-color: unset !important;
}
.nom-partial-date-picker-popup {
  padding: 1rem;
}
.nom-partial-date-picker-popup.nom-partial-date-picker-popup-hasfooter {
  padding-bottom: 0.75rem;
}
.nom-partial-date-picker-popup .nom-partial-date-picker-footer {
  padding-top: 0.75rem;
  border-top: 1px solid var(--nom-border-color);
}
.nom-partial-date-picker-popup .nom-col {
  width: 60px;
  max-height: 200px;
  overflow-y: hidden;
  text-align: left;
  scroll-behavior: smooth;
  border-left: 1px solid var(--nom-border-color);
}
.nom-partial-date-picker-popup .nom-col:first-child {
  width: 80px;
  border-left: none;
}
.nom-partial-date-picker-popup .nom-col.nom-quarter-list {
  width: 100px;
}
.nom-partial-date-picker-popup .nom-col.nom-week-list {
  width: 250px;
}
.nom-partial-date-picker-popup .nom-col.nom-week-list .nom-list-item .nom-list .nom-list-content {
  align-items: center;
}
.nom-partial-date-picker-popup .nom-col.nom-week-list .nom-list-item .nom-list .nom-list-content .nom-list-item {
  padding-top: 0;
  padding-bottom: 0;
}
.nom-partial-date-picker-popup .nom-col.nom-week-list .nom-week-subtitle {
  font-family: Tahoma, Arial, 'Helvetica Neue', Helvetica, sans-serif;
  opacity: 0.5;
}
.nom-partial-date-picker-popup .nom-col:hover {
  overflow-y: auto;
}
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle) {
  padding: 0.25rem;
  cursor: pointer;
}
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle):hover {
  background-color: var(--nom-color-hover);
}
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected.active {
  background-color: var(--nom-color-primary-active);
}
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected.disabled,
.nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-steps {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--nom-step-line-primary-color);
  text-align: initial;
  list-style: none;
}
.nom-steps:not(.nom-step-label-vertical) .nom-step:first-child {
  padding-left: 0;
}
.nom-steps:not(.nom-step-label-vertical) .nom-step {
  padding-left: 1rem;
  white-space: nowrap;
}
.nom-steps.nom-steps-horizontal .nom-step:last-child {
  flex-grow: 1;
}
.nom-steps .nom-step {
  position: relative;
  flex: 1;
  flex-grow: 2;
  overflow: hidden;
  vertical-align: top;
}
.nom-steps .nom-step > .nom-step-item-container {
  outline: none;
}
.nom-steps .nom-step > .nom-step-item-container > .nom-step-item-tail {
  display: none;
}
.nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon {
  display: inline-block;
  width: var(--nom-step-item-icon-size);
  height: var(--nom-step-item-icon-size);
  margin-right: 0.5rem;
  line-height: var(--nom-step-item-icon-size);
  text-align: center;
  background-color: var(--nom-step-item-icon-bg-color);
  border: 1px solid var(--nom-step-border-color);
  border-radius: var(--nom-step-item-icon-size);
}
.nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon.nom-step-item-icon-customer {
  font-size: 2rem;
  border: none;
}
.nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon.nom-step-item-icon-whole-customer {
  width: auto;
  height: auto;
  line-height: inherit;
}
.nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon.nom-step-item-icon-whole-customer .nom-progress-line {
  min-width: 140px;
}
.nom-steps .nom-step > .nom-step-item-container .nom-step-item-content {
  position: relative;
  display: inline-block;
  padding-right: 1rem;
  vertical-align: top;
}
.nom-steps .nom-step > .nom-step-item-container .nom-step-item-content .nom-step-item-title {
  display: inline-block;
  color: var(--nom-step-line-primary-color);
  font-size: var(--nom-step-item-title-fontsize);
  line-height: var(--nom-step-item-icon-size);
}
.nom-steps .nom-step > .nom-step-item-container .nom-step-item-content .nom-step-item-subtitle {
  display: inline;
  margin-left: 0.5rem;
  color: var(--nom-step-line-subtitle-color);
  font-weight: 400;
  font-size: var(--nom-step-item-fontsize);
}
.nom-steps .nom-step > .nom-step-item-container .nom-step-item-content .nom-step-item-description {
  color: var(--nom-step-line-primary-color);
  font-size: var(--nom-step-item-fontsize);
}
.nom-steps .nom-step.nom-step-item-wait .nom-step-item-icon {
  color: var(--nom-color-text-2);
  background-color: var(--nom-step-item-icon-bg-color);
  border-color: var(--nom-step-border-color);
}
.nom-steps .nom-step.nom-step-item-process .nom-step-item-icon {
  color: var(--nom-step-item-icon-bg-color);
  background-color: var(--nom-color-primary);
  border-color: var(--nom-color-primary);
}
.nom-steps .nom-step.nom-step-item-process .nom-step-item-container > .nom-step-item-icon-customer {
  color: var(--nom-color-primary);
  background-color: var(--nom-step-item-icon-bg-color);
}
.nom-steps .nom-step.nom-step-item-finish .nom-step-item-icon {
  color: var(--nom-color-primary);
  border-color: var(--nom-color-primary);
}
.nom-steps .nom-step.nom-step-item-error .nom-step-item-icon {
  color: var(--nom-color-danger);
  background-color: var(--nom-step-item-icon-bg-color);
  border-color: var(--nom-color-danger);
}
.nom-steps .nom-step.nom-step-item-error .nom-step-item-content .nom-step-item-title {
  color: var(--nom-color-danger);
  opacity: 0.85;
}
.nom-steps .nom-step.nom-step-item-error .nom-step-item-content .nom-step-item-subtitle {
  color: var(--nom-color-danger);
  opacity: 0.45;
}
.nom-steps .nom-step.nom-step-item-error .nom-step-item-content .nom-step-item-description {
  color: var(--nom-color-danger);
  opacity: 0.85;
}
.nom-steps .nom-step:not(:last-child) .nom-step-item-title::after {
  position: absolute;
  top: 1rem;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background-color: var(--nom-step-line-color);
  transition: all 0.3s;
  content: '';
}
.nom-steps .nom-step:not(:last-child).nom-step-item-finish .nom-step-item-title::after {
  background-color: var(--nom-color-primary);
}
.nom-steps.nom-steps-vertical {
  flex-direction: column;
}
.nom-steps.nom-steps-vertical > .nom-step {
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.nom-steps.nom-steps-vertical > .nom-step.nom-step-item-icon-render-mode.nom-step-item-finish::after {
  background-color: var(--nom-color-primary) !important;
}
.nom-steps.nom-steps-vertical > .nom-step.nom-step-item-icon-render-mode .nom-step-item-tail {
  display: none !important;
}
.nom-steps.nom-steps-vertical > .nom-step.nom-step-item-icon-render-mode:not(:last-child)::after {
  display: block;
  width: 1px;
  height: 50px;
  margin-left: 1rem;
  background-color: var(--nom-step-line-color);
  border-radius: 1px;
  content: '';
}
.nom-steps.nom-steps-vertical > .nom-step > .nom-step-item-container > .nom-step-item-content > .nom-step-item-title::after {
  display: none;
}
.nom-steps.nom-steps-vertical > .nom-step > .nom-step-item-container > .nom-step-item-content > .nom-step-item-description {
  min-height: 3rem;
  padding-bottom: 1rem;
}
.nom-steps.nom-steps-vertical > .nom-step:not(:last-child) > .nom-step-item-container > .nom-step-item-tail {
  position: absolute;
  top: 0;
  left: 1rem;
  display: block;
  width: 1px;
  height: 100%;
  padding: 2.5rem 0 0.5rem;
}
.nom-steps.nom-steps-vertical > .nom-step:not(:last-child) > .nom-step-item-container > .nom-step-item-tail::after {
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: var(--nom-step-line-color);
  border-radius: 1px;
  content: '';
}
.nom-steps.nom-steps-vertical > .nom-step:not(:last-child).nom-step-item-finish > .nom-step-item-container > .nom-step-item-tail::after {
  background-color: var(--nom-color-primary);
}
.nom-partial-date-range-picker {
  text-decoration: inherit;
}
.nom-partial-date-range-picker > .nom-field-content > .nom-control {
  flex-wrap: nowrap !important;
}
.nom-partial-date-range-picker > .nom-field-content > .nom-control > .nom-field.nom-partial-date-picker {
  flex-grow: 1;
}
.nom-dropdown {
  white-space: nowrap;
}
.nom-dropdown.nom-split-button > button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nom-dropdown.nom-split-button > button:last-child {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nom-dropdown-popup .nom-menu-item-wrapper > a {
  padding-right: 1.5rem !important;
}
.nom-dropdown-popup .nom-menu-item-wrapper > a:hover {
  background-color: var(--nom-color-hover);
}
.nom-dropdown-popup.nom-layer-animate-show {
  animation: none;
}
.nom-dropdown-popup.nom-dropdown-animate-top-show {
  -webkit-animation: nom-dropdown-keyframe-top-show 0.16s linear forwards;
  animation: nom-dropdown-keyframe-top-show 0.16s linear forwards;
}
.nom-dropdown-popup.nom-dropdown-animate-bottom-show {
  -webkit-animation: nom-dropdown-keyframe-bottom-show 0.16s linear forwards;
  animation: nom-dropdown-keyframe-bottom-show 0.16s linear forwards;
}
.nom-dropdown-popup.nom-dropdown-animate-top-hide {
  -webkit-animation: nom-dropdown-keyframe-top-hide 0.16s linear forwards;
  animation: nom-dropdown-keyframe-top-hide 0.16s linear forwards;
}
.nom-dropdown-popup.nom-dropdown-animate-bottom-hide {
  -webkit-animation: nom-dropdown-keyframe-bottom-hide 0.16s linear forwards;
  animation: nom-dropdown-keyframe-bottom-hide 0.16s linear forwards;
}
@-webkit-keyframes nom-dropdown-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-dropdown-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-dropdown-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-dropdown-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-dropdown-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    opacity: 0;
  }
}
@keyframes nom-dropdown-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-dropdown-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }
}
@keyframes nom-dropdown-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
  }
}
.nom-toolbar {
  color: inherit;
}
.nom-scrollbar {
  position: fixed;
  z-index: 2050;
  height: var(--nom-scrollbar-width);
}
.nom-scrollbar .nom-scrollbar-inner {
  height: var(--nom-scrollbar-width);
}
.nom-statistic .nom-statistic-title {
  margin-bottom: var(--nom-statistic-title-bottom);
  opacity: var(--nom-statistic-title-opacity);
}
.nom-statistic .nom-statistic-content {
  color: var(--nom-statistic-content-color);
  font-size: var(--nom-statistic-content-fontsize);
}
.nom-statistic .nom-statistic-content .nom-statistic-content-prefix {
  margin-right: var(--nom-statistic-content-affixes-margin);
}
.nom-statistic .nom-statistic-content .nom-statistic-content-suffix {
  margin-left: var(--nom-statistic-content-affixes-margin);
}
.nom-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.nom-drawer > .nom-drawer-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--nom-drawer-mask-bg-color);
  opacity: 1;
}
.nom-drawer.nom-drawer-top > .nom-drawer-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--nom-drawer-default-size);
}
.nom-drawer.nom-drawer-right > .nom-drawer-content-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--nom-drawer-default-size);
  height: 100%;
}
.nom-drawer.nom-drawer-bottom > .nom-drawer-content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--nom-drawer-default-size);
}
.nom-drawer.nom-drawer-left > .nom-drawer-content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--nom-drawer-default-size);
  height: 100%;
}
.nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: var(--nom-drawer-body-color);
}
.nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-header {
  position: relative;
  padding: var(--nom-drawer-header-padding);
  font-weight: 700;
  font-size: 1.25rem;
  border-bottom: 1px solid var(--nom-drawer-line-color);
}
.nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-header > .nom-drawer-close-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  padding: 1.5rem;
  font-size: 1.25rem;
  cursor: pointer;
}
.nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-content {
  flex-grow: 1;
  padding: var(--nom-drawer-content-padding);
  overflow: auto;
  overflow-wrap: break-word;
}
.nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-footer {
  flex-shrink: 0;
  padding: var(--nom-drawer-footer-padding);
  border-top: 1px solid var(--nom-drawer-line-color);
}
.nom-drawer-animate-top-show .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-top-show 0.12s ease forwards;
  animation: nom-drawer-keyframe-top-show 0.12s ease forwards;
}
.nom-drawer-animate-bottom-show .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-bottom-show 0.12s ease forwards;
  animation: nom-drawer-keyframe-bottom-show 0.12s ease forwards;
}
.nom-drawer-animate-left-show .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-left-show 0.12s ease forwards;
  animation: nom-drawer-keyframe-left-show 0.12s ease forwards;
}
.nom-drawer-animate-right-show .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-right-show 0.12s ease forwards;
  animation: nom-drawer-keyframe-right-show 0.12s ease forwards;
}
.nom-drawer-animate-top-hide .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-top-hide 0.24s ease forwards;
  animation: nom-drawer-keyframe-top-hide 0.24s ease forwards;
}
.nom-drawer-animate-bottom-hide .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-bottom-hide 0.24s ease forwards;
  animation: nom-drawer-keyframe-bottom-hide 0.24s ease forwards;
}
.nom-drawer-animate-left-hide .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-left-hide 0.24s ease forwards;
  animation: nom-drawer-keyframe-left-hide 0.24s ease forwards;
}
.nom-drawer-animate-right-hide .nom-drawer-content-wrapper {
  -webkit-animation: nom-drawer-keyframe-right-hide 0.24s ease forwards;
  animation: nom-drawer-keyframe-right-hide 0.24s ease forwards;
}
.nom-drawer-mask-animate-show .nom-drawer-mask {
  -webkit-animation: nom-drawer-mask-keyframe-show 90ms ease forwards;
  animation: nom-drawer-mask-keyframe-show 90ms ease forwards;
}
.nom-drawer-mask-animate-hide .nom-drawer-mask {
  -webkit-animation: nom-drawer-mask-keyframe-hide 90ms ease forwards;
  animation: nom-drawer-mask-keyframe-hide 90ms ease forwards;
}
@-webkit-keyframes nom-drawer-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-drawer-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-drawer-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-drawer-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-drawer-keyframe-left-show {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes nom-drawer-keyframe-left-show {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-drawer-keyframe-right-show {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes nom-drawer-keyframe-right-show {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-drawer-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes nom-drawer-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-drawer-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes nom-drawer-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-drawer-keyframe-left-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes nom-drawer-keyframe-left-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-drawer-keyframe-right-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes nom-drawer-keyframe-right-hide {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-drawer-mask-keyframe-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes nom-drawer-mask-keyframe-show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes nom-drawer-mask-keyframe-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes nom-drawer-mask-keyframe-hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.nom-dropdown.nom-split-button > button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.nom-dropdown.nom-split-button > button:last-child {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nom-dropdown-popup .nom-menu-item-wrapper > a {
  padding-right: 1.5rem !important;
}
.nom-slider .nom-slider-content {
  position: relative;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  color: rgba(var(--nom-grey-8), 1);
  outline: none;
  cursor: pointer;
}
.nom-slider .nom-slider-content.nom-slider-content-disabled {
  cursor: not-allowed;
}
.nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-track {
  background-color: var(--nom-slider-disabled-color);
}
.nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-handle:focus,
.nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-handle:hover,
.nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-handle:active {
  border-color: var(--nom-slider-handle-color);
}
.nom-slider .nom-slider-content .nom-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--nom-slider-rail-color);
  border-radius: 2px;
}
.nom-slider .nom-slider-content .nom-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--nom-slider-color);
  border-radius: 2px;
}
.nom-slider .nom-slider-content .nom-slider-handle {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -10px;
  background-color: var(--nom-slider-handle-color);
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
  transform: translateX(-50%);
}
.nom-slider .nom-slider-content .nom-slider-handle:focus,
.nom-slider .nom-slider-content .nom-slider-handle:hover,
.nom-slider .nom-slider-content .nom-slider-handle:active {
  border: 2px solid var(--nom-color-primary);
}
.nom-anchor:not(.nom-anchor-border-left) > .nom-menu .nom-menu-item.s-selected > span {
  color: var(--nom-color-primary);
}
.nom-anchor.nom-anchor-border-left > .nom-menu .nom-menu-item {
  border-left: 1px solid var(--nom-border-color);
}
.nom-anchor.nom-anchor-border-left > .nom-menu .nom-menu-item.s-selected {
  border-left: 1px solid var(--nom-color-primary);
}
.nom-anchor.nom-anchor-border-right > .nom-menu .nom-menu-item {
  border-right: 1px solid var(--nom-border-color);
}
.nom-anchor.nom-anchor-border-right > .nom-menu .nom-menu-item.s-selected {
  border-right: 1px solid var(--nom-color-primary);
}
.nom-anchor.nom-anchor-border-bottom > .nom-menu .nom-menu-item {
  border-bottom: 1px solid var(--nom-border-color);
}
.nom-anchor.nom-anchor-border-bottom > .nom-menu .nom-menu-item.s-selected {
  border-bottom: 1px solid var(--nom-color-primary);
}
.nom-anchor-content {
  text-decoration: inherit;
}
.nom-carousel .nom-carousel-container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
.nom-carousel .nom-carousel-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.nom-carousel .nom-carousel-wrapper .nom-carousel-slide {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgba(var(--nom-grey-9), 0.5);
}
.nom-carousel .nom-carousel-wrapper .nom-carousel-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nom-carousel .nom-carousel-pagination {
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  line-height: 8px;
  text-align: center;
  transition: opacity 0.3s;
}
.nom-carousel .nom-carousel-pagination .nom-carousel-pagination-bullet {
  display: inline-block;
  width: var(--nom-carousel-bullet-width);
  height: var(--nom-carousel-bullet-height);
  margin: 0 4px;
  text-indent: -99999px;
  background-color: var(--nom-carousel-bullet-color);
  border-radius: var(--nom-carousel-bullet-radius);
  cursor: pointer;
}
.nom-carousel .nom-carousel-pagination .nom-carousel-pagination-bullet-active {
  background-color: var(--nom-carousel-bullet-theme);
}
.nom-carousel .nom-carousel-pagination-show {
  display: block;
}
.nom-carousel .nom-carousel-buttons {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: none;
  justify-content: space-between;
  width: 100%;
  color: var(--nom-carousel-bullet-theme);
  text-align: center;
  transform: translateY(-50%);
}
.nom-carousel .nom-carousel-buttons .nom-carousel-button-prev,
.nom-carousel .nom-carousel-buttons .nom-carousel-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: var(--nom-carousel-button-color);
  cursor: pointer;
}
.nom-carousel .nom-carousel-buttons .nom-carousel-button-prev {
  left: 0;
}
.nom-carousel .nom-carousel-buttons .nom-carousel-button-next {
  right: 0;
}
.nom-carousel .nom-carousel-buttons .nom-carousel-button-prev:hover,
.nom-carousel .nom-carousel-buttons .nom-carousel-button-next:hover {
  background-color: var(--nom-carousel-button-hover-color);
}
.nom-carousel .nom-carousel-buttons-show {
  display: flex;
}
.nom-back-top-container {
  position: absolute;
  z-index: 9999;
  display: inline-block;
  background-color: var(--nom-backtop-bg-default);
  border-radius: var(--nom-backtop-border-radius);
  box-shadow: var(--nom-backtop-box-shadow);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.nom-back-top-container .nom-back-top-icons {
  padding: 8px;
  color: var(--nom-backtop-color);
  font-size: 20px;
  line-height: 1;
}
.nom-back-top-container .nom-back-top-text {
  padding: 10px;
  color: var(--nom-backtop-color);
  font-size: 14px;
  text-align: center;
}
.nom-back-top-container:hover {
  background-color: var(--nom-backtop-bg-hover);
}
.nom-back-top-container:hover .nom-back-top-icons,
.nom-back-top-container:hover .nom-back-top-text {
  color: var(--nom-backtop-color-hover);
}
.nom-auto-complete-popup {
  max-height: 300px;
  overflow: auto;
}
.nom-auto-complete-list .nom-list-item-wrapper:hover {
  cursor: pointer;
}
.nom-auto-complete-list .nom-list-item-wrapper:hover:hover {
  background-color: var(--nom-color-hover);
}
.nom-auto-complete-list .nom-list-item-wrapper > .nom-list-item {
  padding: 5px 16px;
}
.nom-auto-complete-list .nom-list-item-wrapper > .s-selected {
  color: var(--nom-color-white);
  background-color: var(--nom-color-primary);
}
.nom-auto-complete-list .nom-list-item-wrapper > .s-selected:hover {
  background-color: var(--nom-color-primary-hover);
}
.nom-auto-complete-list .nom-list-item-wrapper > .s-selected.active {
  background-color: var(--nom-color-primary-active);
}
.nom-auto-complete-list .nom-list-item-wrapper > .s-selected.disabled,
.nom-auto-complete-list .nom-list-item-wrapper > .s-selected[disabled] {
  background-color: var(--nom-color-primary-disabled);
}
.nom-auto-complete .nom-auto-complete-clear {
  cursor: pointer;
}
.nom-auto-complete-animate-top-show {
  -webkit-animation: nom-auto-complete-keyframe-top-show 0.16s linear forwards;
  animation: nom-auto-complete-keyframe-top-show 0.16s linear forwards;
}
.nom-auto-complete-animate-bottom-show {
  -webkit-animation: nom-auto-complete-keyframe-bottom-show 0.16s linear forwards;
  animation: nom-auto-complete-keyframe-bottom-show 0.16s linear forwards;
}
.nom-auto-complete-animate-top-hide {
  -webkit-animation: nom-auto-complete-keyframe-top-hide 0.16s linear forwards;
  animation: nom-auto-complete-keyframe-top-hide 0.16s linear forwards;
}
.nom-auto-complete-animate-bottom-hide {
  -webkit-animation: nom-auto-complete-keyframe-bottom-hide 0.16s linear forwards;
  animation: nom-auto-complete-keyframe-bottom-hide 0.16s linear forwards;
}
@-webkit-keyframes nom-auto-complete-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-auto-complete-keyframe-top-show {
  0% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-auto-complete-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes nom-auto-complete-keyframe-bottom-show {
  0% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes nom-auto-complete-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
}
@keyframes nom-auto-complete-keyframe-top-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0;
  }
}
@-webkit-keyframes nom-auto-complete-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
}
@keyframes nom-auto-complete-keyframe-bottom-hide {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
}
.nom-breadcrumb {
  padding: var(--nom-breadcrumb-padding);
  color: var(--nom-breadcrumb-font-color);
}
.nom-breadcrumb > .nom-breadcrumb-item.p-with-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-link + .nom-icon {
  padding-left: 0.25rem;
}
.nom-breadcrumb > .nom-breadcrumb-item > .nom-icon + .nom-breadcrumb-link {
  padding-left: 0.25rem;
}
.nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-separator {
  padding: 0 0.5rem;
}
.nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-link a {
  text-decoration: none;
  outline: none;
}
.nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-link a:hover {
  color: var(--nom-breadcrumb-link-hover-color);
}
.nom-breadcrumb > .nom-breadcrumb-item:last-child {
  color: var(--nom-breadcrumb-link-color);
}
.nom-breadcrumb > .nom-breadcrumb-item:last-child > .nom-breadcrumb-link > a {
  color: var(--nom-breadcrumb-link-color);
}
.nom-breadcrumb > .nom-breadcrumb-item:last-child > .nom-breadcrumb-link > a:hover {
  color: var(--nom-breadcrumb-link-hover-color);
}
.nom-breadcrumb > .nom-breadcrumb-item:last-child > .nom-breadcrumb-separator {
  display: none;
}
.nom-rate .nom-rate-content {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--nom-rate-color);
  font-size: calc(1rem + 6px);
  line-height: unset;
  list-style: none;
  outline: none;
}
.nom-rate .nom-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
  transition: all 0.5s;
}
.nom-rate .nom-rate-star:not(:last-child) {
  margin-right: 8px;
}
.nom-rate .nom-rate-star .nom-rate-star-first,
.nom-rate .nom-rate-star .nom-rate-star-second {
  display: flex;
  align-items: center;
  color: var(--nom-rate-color-muted);
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.nom-rate.s-disabled .nom-rate-star {
  cursor: not-allowed;
}
.nom-rate .nom-rate-star-full .nom-rate-star-second {
  color: inherit;
}
.nom-rate .nom-rate-star-half .nom-rate-star-first,
.nom-rate .nom-rate-star-half .nom-rate-star-second {
  opacity: 1;
}
.nom-rate .nom-rate-star-half .nom-rate-star-first {
  color: inherit;
}
.nom-rate .nom-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  overflow: hidden;
  opacity: 0;
}
.nom-skeleton.nom-skeleton-single:not(.p-type-paragraph) {
  display: inline-block;
}
.nom-skeleton-avatar {
  background: var(--nom-skeleton-default-bg);
  animation: skeleton 2s infinite;
}
.nom-skeleton-title {
  max-width: 45%;
  height: 1.75rem;
  margin-bottom: 1rem;
  background: var(--nom-skeleton-default-bg);
  border-radius: 2px;
  animation: skeleton 2s infinite;
}
.nom-skeleton-paragraph {
  display: block !important;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0.75;
}
.nom-skeleton-paragraph > li {
  width: 100%;
  height: 1rem;
  margin-bottom: 0.5rem;
  background: var(--nom-skeleton-default-bg);
  border-radius: 2px;
  animation: skeleton 2s infinite;
}
.nom-skeleton-paragraph > li:last-child {
  width: 75%;
  margin-bottom: 1.5rem;
}
.nom-skeleton-image {
  display: flex;
  justify-content: center;
  padding: 1.5rem;
  color: #ccc;
  background: var(--nom-skeleton-default-bg);
  border-radius: 2px;
  animation: skeleton 2s infinite;
}
@keyframes skeleton {
  0% {
    background: var(--nom-skeleton-default-bg);
  }
  50% {
    background: var(--nom-skeleton-bg-active);
  }
  100% {
    background: var(--nom-skeleton-default-bg);
  }
}
.nom-image {
  display: inline-block;
}
.nom-image .nom-image-pending {
  position: relative;
  color: rgba(255, 255, 255, 0.85);
  background: #eee;
}
.nom-image .nom-image-pending::after {
  position: absolute;
  top: 75%;
  left: 50%;
  display: block;
  color: #868e96;
  font-size: 14px;
  letter-spacing: 2px;
  transform: translateX(-42%);
  content: '图片加载中...';
}
.nom-image .nom-image-fail::after {
  content: '';
}
.nom-image img {
  vertical-align: top;
}
.nom-upload .nom-upload-trigger {
  cursor: pointer;
}
.nom-upload .nom-upload-trigger.s-disabled {
  cursor: not-allowed;
}
.nom-transfer .nom-transfer-container .nom-transfer-box {
  border-radius: var(--nom-transfer-border-radius);
  border: var(--nom-transfer-border);
  min-width: 170px;
}
.nom-transfer .nom-transfer-container .nom-transfer-box .nom-tree-node-expandable-indicator {
  width: 24px;
}
.nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-header {
  height: 40px;
  padding: 0 10px;
}
.nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-header .nom-checkbox > .nom-field-content {
  line-height: 100%;
}
.nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-body .nom-layout-header {
  height: 42px;
  border-bottom: none;
}
.nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-footer {
  height: 40px;
  min-height: 40px;
  padding: 0 10px;
}
.nom-group-tree {
  width: 100%;
}
.nom-group-tree .nom-group-tree-add {
  padding: 0.5rem;
}
.nom-group-tree > .nom-field-content {
  overflow-x: auto;
}
.nom-group-tree .nom-group-tree-hd {
  color: var(--nom-grid-th-color);
  font-weight: bold;
}
.nom-group-tree .nom-group-tree-hd > .nom-list-content {
  flex-wrap: nowrap;
  justify-content: start;
}
.nom-group-tree .nom-group-tree-hd > .nom-list-content .nom-list-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nom-group-tree .nom-tree-node-content {
  width: max-content;
  cursor: default;
  border-top: 1px solid var(--nom-border-color);
}
.nom-group-tree .nom-tree-node-content .nom-group-tree-row-options {
  visibility: hidden;
}
.nom-group-tree .nom-tree-node-content:hover > .nom-tree-node-content-tools .nom-group-tree-row-options {
  visibility: visible;
}
.nom-group-tree .nom-tree-node-content-text {
  width: 200px;
  flex-shrink: 0;
}
.nom-group-tree .nom-group-tree-group > .nom-field-content > .nom-control {
  flex-wrap: nowrap;
  align-items: center;
}
.nom-tour-title {
  font-weight: 700;
  font-size: 1.25rem;
}
.nom-tour-description {
  margin: 1rem 0;
}
.nom-tour-container {
  min-width: 300px;
  padding: 1rem;
  background-color: var(--nom-layer-background-color);
  background-clip: padding-box;
  border: var(--nom-layer-border);
  border-radius: var(--nom-layer-border-radius);
}
.nom-tour-container .nom-tour-close {
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: var(--nom-tour-close-color);
}
.nom-tour-container .nom-tour-close:hover {
  color: var(--nom-tour-close-hover-color);
}
.nom-tour-container .nom-tour-arrow {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  color: var(--nom-layer-background-color);
  transform: translate(-50%, 10px);
}
.nom-tour-container[placement='top'] {
  margin-top: -10px;
}
.nom-tour-container[placement='bottom'] {
  margin-top: 10px;
}
.nom-tour-container[placement='bottom'] .nom-tour-arrow {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  color: var(--nom-layer-background-color);
  transform: translate(-50%, -10px) rotate(180deg);
}
.nom-tour-container[placement='left'] {
  margin-left: -10px;
}
.nom-tour-container[placement='left'] .nom-tour-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  color: var(--nom-layer-background-color);
  transform: translate(12px, -50%) rotate(-90deg);
}
.nom-tour-container[placement='right'] {
  margin-left: 10px;
}
.nom-tour-container[placement='right'] .nom-tour-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  color: var(--nom-layer-background-color);
  transform: translate(-12px, -50%) rotate(90deg);
}
.nom-tour-backdrop {
  box-shadow: 0 0 0 100vw var(--nom-layer-backdrop-color);
  border-radius: var(--nom-tour-rect-radius);
  position: fixed;
}
.nom-tour-arrow {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  color: var(--nom-layer-background-color);
  transform: translate(-50%, 10px);
}
.nom-tour-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.nom-tour-navi .nom-tour-navi-text {
  font-size: 90%;
  color: var(--nom-tour-navi-text-color);
}
.nom-tour-navi .nom-button {
  margin-left: 0.5rem;
}
.nom-watermark {
  position: relative;
}
.nom-watermark .nom-watermark-mask {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}
@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18), (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18), (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
  :root {
    font-size: 14px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
  :root {
    font-size: 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4), (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4), (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
  :root {
    font-size: 12px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 2.1), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 2.1), (min-resolution: 1.41dppx) and (max-resolution: 2.1dppx) {
  :root {
    font-size: 10px;
  }
}
